@ckeditor/ckeditor5-minimap 47.6.1 → 48.0.0-alpha.1

package/package.json

@@ -1,63 +1,40 @@
 {
   "name": "@ckeditor/ckeditor5-minimap",
-  "version": "47.6.1",
+  "version": "48.0.0-alpha.1",
   "description": "Content minimap feature for CKEditor 5.",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "author": "CKSource (http://cksource.com/)",
+  "homepage": "https://ckeditor.com/ckeditor-5",
+  "bugs": "https://github.com/ckeditor/ckeditor5/issues",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/ckeditor/ckeditor5.git",
+    "directory": "packages/ckeditor5-minimap"
+  },
   "keywords": [
     "ckeditor",
     "ckeditor5",
     "ckeditor 5",
     "ckeditor5-feature",
-    "ckeditor5-plugin",
-    "ckeditor5-dll"
+    "ckeditor5-plugin"
   ],
   "type": "module",
-  "main": "src/index.js",
-  "dependencies": {
-    "@ckeditor/ckeditor5-core": "47.6.1",
-    "@ckeditor/ckeditor5-engine": "47.6.1",
-    "@ckeditor/ckeditor5-ui": "47.6.1",
-    "@ckeditor/ckeditor5-utils": "47.6.1",
-    "ckeditor5": "47.6.1"
+  "main": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./dist/*": "./dist/*",
+    "./package.json": "./package.json"
   },
-  "author": "CKSource (http://cksource.com/)",
-  "license": "SEE LICENSE IN LICENSE.md",
-  "homepage": "https://ckeditor.com/ckeditor-5",
-  "bugs": "https://github.com/ckeditor/ckeditor5/issues",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/ckeditor/ckeditor5.git",
-    "directory": "packages/ckeditor5-minimap"
+  "dependencies": {
+    "@ckeditor/ckeditor5-core": "48.0.0-alpha.1",
+    "@ckeditor/ckeditor5-engine": "48.0.0-alpha.1",
+    "@ckeditor/ckeditor5-ui": "48.0.0-alpha.1",
+    "@ckeditor/ckeditor5-utils": "48.0.0-alpha.1"
   },
   "files": [
     "dist",
-    "lang",
-    "src/**/*.js",
-    "src/**/*.d.ts",
-    "theme",
-    "build",
     "ckeditor5-metadata.json",
     "CHANGELOG.md"
   ],
-  "types": "src/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./src/index.d.ts",
-      "import": "./src/index.js",
-      "default": "./src/index.js"
-    },
-    "./dist/*": {
-      "types": "./src/index.d.ts",
-      "import": "./dist/*",
-      "default": "./dist/*"
-    },
-    "./src/*": {
-      "types": "./src/*.d.ts",
-      "import": "./src/*",
-      "default": "./src/*"
-    },
-    "./build/*": "./build/*",
-    "./theme/*": "./theme/*",
-    "./ckeditor5-metadata.json": "./ckeditor5-metadata.json",
-    "./package.json": "./package.json"
-  }
+  "types": "./dist/index.d.ts"
 }

package/build/minimap.js

@@ -1,4 +0,0 @@
-/*!
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md.
- */(()=>{var t={163:t=>{"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},237:t=>{"use strict";t.exports=CKEditor5.dll},305:t=>{"use strict";t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var i="",n=void 0!==e[5];return e[4]&&(i+="@supports (".concat(e[4],") {")),e[2]&&(i+="@media ".concat(e[2]," {")),n&&(i+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),i+=t(e),n&&(i+="}"),e[2]&&(i+="}"),e[4]&&(i+="}"),i}).join("")},e.i=function(t,i,n,o,r){"string"==typeof t&&(t=[[null,t,void 0]]);var s={};if(n)for(var a=0;a<this.length;a++){var c=this[a][0];null!=c&&(s[c]=!0)}for(var l=0;l<t.length;l++){var m=[].concat(t[l]);n&&s[m[0]]||(void 0!==r&&(void 0===m[5]||(m[1]="@layer".concat(m[5].length>0?" ".concat(m[5]):""," {").concat(m[1],"}")),m[5]=r),i&&(m[2]?(m[1]="@media ".concat(m[2]," {").concat(m[1],"}"),m[2]=i):m[2]=i),o&&(m[4]?(m[1]="@supports (".concat(m[4],") {").concat(m[1],"}"),m[4]=o):m[4]="".concat(o)),e.push(m))}},e}},311:(t,e,i)=>{t.exports=i(237)("./src/ui.js")},424:t=>{"use strict";var e={};t.exports=function(t,i){var n=function(t){if(void 0===e[t]){var i=document.querySelector(t);if(window.HTMLIFrameElement&&i instanceof window.HTMLIFrameElement)try{i=i.contentDocument.head}catch(t){i=null}e[t]=i}return e[t]}(t);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");n.appendChild(i)}},517:t=>{"use strict";t.exports=function(t,e){Object.keys(e).forEach(function(i){t.setAttribute(i,e[i])})}},584:(t,e,i)=>{t.exports=i(237)("./src/utils.js")},719:t=>{"use strict";var e=[];function i(t){for(var i=-1,n=0;n<e.length;n++)if(e[n].identifier===t){i=n;break}return i}function n(t,n){for(var r={},s=[],a=0;a<t.length;a++){var c=t[a],l=n.base?c[0]+n.base:c[0],m=r[l]||0,p="".concat(l," ").concat(m);r[l]=m+1;var h=i(p),d={css:c[1],media:c[2],sourceMap:c[3],supports:c[4],layer:c[5]};if(-1!==h)e[h].references++,e[h].updater(d);else{var u=o(d,n);n.byIndex=a,e.splice(a,0,{identifier:p,updater:u,references:1})}s.push(p)}return s}function o(t,e){var i=e.domAPI(e);i.update(t);return function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap&&e.supports===t.supports&&e.layer===t.layer)return;i.update(t=e)}else i.remove()}}t.exports=function(t,o){var r=n(t=t||[],o=o||{});return function(t){t=t||[];for(var s=0;s<r.length;s++){var a=i(r[s]);e[a].references--}for(var c=n(t,o),l=0;l<r.length;l++){var m=i(r[l]);0===e[m].references&&(e[m].updater(),e.splice(m,1))}r=c}}},770:(t,e,i)=>{"use strict";i.d(e,{A:()=>a});var n=i(792),o=i.n(n),r=i(305),s=i.n(r)()(o());s.push([t.id,':root{--ck-color-minimap-tracker-background:208,0%,51%;--ck-color-minimap-iframe-outline:#bfbfbf;--ck-color-minimap-iframe-shadow:rgba(0,0,0,.11);--ck-color-minimap-progress-background:#666}.ck.ck-minimap{background:var(--ck-color-base-background);position:absolute;user-select:none}.ck.ck-minimap,.ck.ck-minimap iframe{height:100%;width:100%}.ck.ck-minimap iframe{border:0;box-shadow:0 2px 5px var(--ck-color-minimap-iframe-shadow);margin:0;outline:1px solid var(--ck-color-minimap-iframe-outline);pointer-events:none;position:relative}.ck.ck-minimap .ck.ck-minimap__position-tracker{background:hsla(var(--ck-color-minimap-tracker-background),.2);position:absolute;top:0;transition:background .1s ease-in-out;width:100%;z-index:1}@media (prefers-reduced-motion:reduce){.ck.ck-minimap .ck.ck-minimap__position-tracker{transition:none}}.ck.ck-minimap .ck.ck-minimap__position-tracker:hover{background:hsla(var(--ck-color-minimap-tracker-background),.3)}.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging,.ck.ck-minimap .ck.ck-minimap__position-tracker.ck-minimap__position-tracker_dragging:hover{background:hsla(var(--ck-color-minimap-tracker-background),.4)}.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{opacity:1}.ck.ck-minimap .ck.ck-minimap__position-tracker:after{background:var(--ck-color-minimap-progress-background);border:1px solid var(--ck-color-base-background);border-radius:3px;color:var(--ck-color-base-background);content:attr(data-progress) "%";font-size:10px;opacity:0;padding:2px 4px;position:absolute;right:5px;top:5px;transition:opacity .1s ease-in-out}@media (prefers-reduced-motion:reduce){.ck.ck-minimap .ck.ck-minimap__position-tracker:after{transition:none}}',""]);const a=s},782:(t,e,i)=>{t.exports=i(237)("./src/core.js")},783:(t,e,i)=>{t.exports=i(237)("./src/engine.js")},792:t=>{"use strict";t.exports=function(t){return t[1]}},863:t=>{"use strict";var e,i=(e=[],function(t,i){return e[t]=i,e.filter(Boolean).join("\n")});function n(t,e,n,o){var r;if(n)r="";else{r="",o.supports&&(r+="@supports (".concat(o.supports,") {")),o.media&&(r+="@media ".concat(o.media," {"));var s=void 0!==o.layer;s&&(r+="@layer".concat(o.layer.length>0?" ".concat(o.layer):""," {")),r+=o.css,s&&(r+="}"),o.media&&(r+="}"),o.supports&&(r+="}")}if(t.styleSheet)t.styleSheet.cssText=i(e,r);else{var a=document.createTextNode(r),c=t.childNodes;c[e]&&t.removeChild(c[e]),c.length?t.insertBefore(a,c[e]):t.appendChild(a)}}var o={singleton:null,singletonCounter:0};t.exports=function(t){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=o.singletonCounter++,i=o.singleton||(o.singleton=t.insertStyleElement(t));return{update:function(t){n(i,e,!1,t)},remove:function(t){n(i,e,!0,t)}}}}},e={};function i(n){var o=e[n];if(void 0!==o)return o.exports;var r=e[n]={id:n,exports:{}};return t[n](r,r.exports,i),r.exports}i.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return i.d(e,{a:e}),e},i.d=(t,e)=>{for(var n in e)i.o(e,n)&&!i.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},i.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),i.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};(()=>{"use strict";i.r(n),i.d(n,{Minimap:()=>V,_MinimapIframeView:()=>s,_MinimapPositionTrackerView:()=>c,_MinimapView:()=>l,_cloneMinimapEditingViewDomRoot:()=>p,_getMinimapClientHeight:()=>u,_getMinimapDomElementRect:()=>d,_getMinimapPageStyles:()=>h,_getMinimapScrollable:()=>g});var t=i(782),e=i(584),o=i(311);const r=(0,e.toUnit)("px");class s extends o.IframeView{_options;constructor(t,e){super(t);const i=this.bindTemplate;this.set("top",0),this.set("height",0),this._options=e,this.extendTemplate({attributes:{tabindex:-1,"aria-hidden":"true",class:["ck-minimap__iframe"],style:{top:i.to("top",t=>r(t)),height:i.to("height",t=>r(t))}}})}render(){return super.render().then(()=>{this._prepareDocument()})}setHeight(t){this.height=t}setTopOffset(t){this.top=t}_prepareDocument(){const t=this.element.contentWindow.document,e=t.adoptNode(this._options.domRootClone),i=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=`<!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${this._options.pageStyles.map(t=>"string"==typeof t?`<style>${t}</style>`:`<link rel="stylesheet" type="text/css" href="${t.href}">`).join("\n")}\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${i}\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>`;t.open(),t.write(n),t.close(),t.body.appendChild(e)}}const a=(0,e.toUnit)("px");class c extends o.View{constructor(t){super(t);const e=this.bindTemplate;this.set("height",0),this.set("top",0),this.set("scrollProgress",0),this.set("_isDragging",!1),this.setTemplate({tag:"div",attributes:{class:["ck","ck-minimap__position-tracker",e.if("_isDragging","ck-minimap__position-tracker_dragging")],style:{top:e.to("top",t=>a(t)),height:e.to("height",t=>a(t))},"data-progress":e.to("scrollProgress")},on:{mousedown:e.to(()=>{this._isDragging=!0})}})}render(){super.render(),this.listenTo(e.global.document,"mousemove",(t,e)=>{this._isDragging&&this.fire("drag",e.movementY)},{useCapture:!0}),this.listenTo(e.global.document,"mouseup",()=>{this._isDragging=!1},{useCapture:!0})}setHeight(t){this.height=t}setTopOffset(t){this.top=t}setScrollProgress(t){this.scrollProgress=t}}class l extends o.View{_positionTrackerView;_scaleRatio;_minimapIframeView;constructor({locale:t,scaleRatio:e,pageStyles:i,extraClasses:n,useSimplePreview:o,domRootClone:r}){super(t);const a=this.bindTemplate;this._positionTrackerView=new c(t),this._positionTrackerView.delegate("drag").to(this),this._scaleRatio=e,this._minimapIframeView=new s(t,{useSimplePreview:o,pageStyles:i,extraClasses:n,scaleRatio:e,domRootClone:r}),this.setTemplate({tag:"div",attributes:{class:["ck","ck-minimap"]},children:[this._positionTrackerView],on:{click:a.to(this._handleMinimapClick.bind(this)),wheel:a.to(this._handleMinimapMouseWheel.bind(this))}})}destroy(){this._minimapIframeView.destroy(),super.destroy()}get height(){return new e.Rect(this.element).height}get scrollHeight(){return Math.max(0,Math.min(this.height,this._minimapIframeView.height)-this._positionTrackerView.height)}render(){super.render(),this._minimapIframeView.render(),this.element.appendChild(this._minimapIframeView.element)}setContentHeight(t){this._minimapIframeView.setHeight(t*this._scaleRatio)}setScrollProgress(t){const e=this._minimapIframeView,i=this._positionTrackerView;if(e.height<this.height)e.setTopOffset(0),i.setTopOffset((e.height-i.height)*t);else{const n=e.height-this.height;e.setTopOffset(-n*t),i.setTopOffset((this.height-i.height)*t)}i.setScrollProgress(Math.round(100*t))}setPositionTrackerHeight(t){this._positionTrackerView.setHeight(t*this._scaleRatio)}_handleMinimapClick(t){const i=this._positionTrackerView;if(t.target===i.element)return;const n=new e.Rect(i.element),o=(t.clientY-n.top-n.height/2)/this._minimapIframeView.height;this.fire("click",o)}_handleMinimapMouseWheel(t){this.fire("drag",t.deltaY*this._scaleRatio)}}var m=i(783);function p(t,e){const i=t.editing.view.document,n=i.getRoot(e),o=new m.ViewDomConverter(i),r=new m.ViewRenderer(o,i.selection),s=t.editing.view.getDomRoot().cloneNode();return o.bindElements(s,n),r.markToSync("children",n),r.markToSync("attributes",n),n.on("change:children",(t,e)=>r.markToSync("children",e)),n.on("change:attributes",(t,e)=>r.markToSync("attributes",e)),n.on("change:text",(t,e)=>r.markToSync("text",e)),r.render(),t.editing.view.on("render",()=>r.render()),t.on("destroy",()=>{o.unbindDomElement(s)}),s}function h(){return Array.from(e.global.document.styleSheets).map(t=>t.href&&!t.href.startsWith(e.global.window.location.origin)?{href:t.href}:Array.from(t.cssRules).filter(t=>!(t instanceof CSSMediaRule)).map(t=>t.cssText).join(" \n"))}function d(t){return new e.Rect(t===e.global.document.body?e.global.window:t)}function u(t){return t===e.global.document.body?e.global.window.innerHeight:t.clientHeight}function g(t){return t===e.global.document.body?e.global.window:t}var f=i(719),k=i.n(f),_=i(863),b=i.n(_),w=i(424),v=i.n(w),y=i(517),x=i.n(y),T=i(163),R=i.n(T),S=i(770),M={attributes:{"data-cke":!0}};M.setAttributes=x(),M.insert=v().bind(null,"head"),M.domAPI=b(),M.insertStyleElement=R();k()(S.A,M);S.A&&S.A.locals&&S.A.locals;class V extends t.Plugin{static get pluginName(){return"Minimap"}static get isOfficialPlugin(){return!0}_minimapView;_scrollableRootAncestor;_editingRootElement;init(){const t=this.editor;this._minimapView=null,this._scrollableRootAncestor=null,this.listenTo(t.ui,"ready",this._onUiReady.bind(this))}destroy(){super.destroy(),this._minimapView.destroy(),this._minimapView.element.remove()}_onUiReady(){const t=this.editor,i=this._editingRootElement=t.ui.getEditableElement();this._scrollableRootAncestor=(0,e.findClosestScrollableAncestor)(i),i.ownerDocument.body.contains(i)?(this._initializeMinimapView(),this.listenTo(t.editing.view,"render",()=>{"ready"===t.state&&this._syncMinimapToEditingRootScrollPosition()}),this._syncMinimapToEditingRootScrollPosition()):t.ui.once("update",this._onUiReady.bind(this))}_initializeMinimapView(){const t=this.editor,i=t.locale,n=t.config.get("minimap.useSimplePreview"),o=t.config.get("minimap.container"),r=this._scrollableRootAncestor,s=d(this._editingRootElement).width,a=d(o).width/s,c=this._minimapView=new l({locale:i,scaleRatio:a,pageStyles:h(),extraClasses:t.config.get("minimap.extraClasses"),useSimplePreview:n,domRootClone:p(t)});c.render(),c.listenTo(e.global.document,"scroll",(t,i)=>{if(r===e.global.document.body){if(i.target!==e.global.document)return}else if(i.target!==r)return;this._syncMinimapToEditingRootScrollPosition()},{useCapture:!0,usePassive:!0}),c.listenTo(e.global.window,"resize",()=>{this._syncMinimapToEditingRootScrollPosition()}),c.on("drag",(t,e)=>{let i;i=0===c.scrollHeight?0:e/c.scrollHeight;const n=i*(r.scrollHeight-u(r));g(r).scrollBy(0,Math.round(n))}),c.on("click",(t,e)=>{const i=e*r.scrollHeight;g(r).scrollBy(0,Math.round(i))}),o.appendChild(c.element)}_syncMinimapToEditingRootScrollPosition(){const t=this._editingRootElement,e=this._minimapView;e.setContentHeight(t.offsetHeight);const i=d(t),n=d(this._scrollableRootAncestor);let o;n.getIntersection(i)&&(n.contains(i)||i.top>n.top?o=0:(o=(i.top-n.top)/(n.height-i.height),o=Math.max(0,Math.min(o,1))),e.setPositionTrackerHeight(n.getIntersection(i).height),e.setScrollProgress(o))}}})(),(window.CKEditor5=window.CKEditor5||{}).minimap=n})();

package/src/augmentation.js

@@ -1,5 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-export {};

package/src/index.js

@@ -1,13 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module minimap
- */
-export { Minimap } from './minimap.js';
-export { MinimapIframeView as _MinimapIframeView } from './minimapiframeview.js';
-export { MinimapPositionTrackerView as _MinimapPositionTrackerView } from './minimappositiontrackerview.js';
-export { MinimapView as _MinimapView } from './minimapview.js';
-export { cloneEditingViewDomRoot as _cloneMinimapEditingViewDomRoot, getPageStyles as _getMinimapPageStyles, getDomElementRect as _getMinimapDomElementRect, getClientHeight as _getMinimapClientHeight, getScrollable as _getMinimapScrollable } from './utils.js';
-import './augmentation.js';

package/src/minimap.js

@@ -1,183 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module minimap/minimap
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { findClosestScrollableAncestor, global } from 'ckeditor5/src/utils.js';
-import { MinimapView } from './minimapview.js';
-import { cloneEditingViewDomRoot, getClientHeight, getDomElementRect, getPageStyles, getScrollable } from './utils.js';
-// @if CK_DEBUG_MINIMAP // const RectDrawer = require( '@ckeditor/ckeditor5-utils/tests/_utils/rectdrawer' ).default;
-import '../theme/minimap.css';
-/**
- * The content minimap feature.
- */
-export class Minimap extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'Minimap';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * The reference to the view of the minimap.
-     */
-    _minimapView;
-    /**
-     * The DOM element closest to the editable element of the editor as returned
-     * by {@link module:ui/editorui/editorui~EditorUI#getEditableElement}.
-     */
-    _scrollableRootAncestor;
-    /**
-     * The DOM element closest to the editable element of the editor as returned
-     * by {@link module:ui/editorui/editorui~EditorUI#getEditableElement}.
-     */
-    _editingRootElement;
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        this._minimapView = null;
-        this._scrollableRootAncestor = null;
-        this.listenTo(editor.ui, 'ready', this._onUiReady.bind(this));
-    }
-    /**
-     * @inheritDoc
-     */
-    destroy() {
-        super.destroy();
-        this._minimapView.destroy();
-        this._minimapView.element.remove();
-    }
-    /**
-     * Initializes the minimap view element and starts the layout synchronization
-     * on the editing view `render` event.
-     */
-    _onUiReady() {
-        const editor = this.editor;
-        // TODO: This will not work with the multi-root editor.
-        const editingRootElement = this._editingRootElement = editor.ui.getEditableElement();
-        this._scrollableRootAncestor = findClosestScrollableAncestor(editingRootElement);
-        // DOM root element is not yet attached to the document.
-        if (!editingRootElement.ownerDocument.body.contains(editingRootElement)) {
-            editor.ui.once('update', this._onUiReady.bind(this));
-            return;
-        }
-        this._initializeMinimapView();
-        this.listenTo(editor.editing.view, 'render', () => {
-            if (editor.state !== 'ready') {
-                return;
-            }
-            this._syncMinimapToEditingRootScrollPosition();
-        });
-        this._syncMinimapToEditingRootScrollPosition();
-    }
-    /**
-     * Initializes the minimap view and attaches listeners that make it responsive to the environment (document)
-     * but also allow the minimap to control the document (scroll position).
-     */
-    _initializeMinimapView() {
-        const editor = this.editor;
-        const locale = editor.locale;
-        const useSimplePreview = editor.config.get('minimap.useSimplePreview');
-        // TODO: Throw an error if there is no `minimap` in config.
-        const minimapContainerElement = editor.config.get('minimap.container');
-        const scrollableRootAncestor = this._scrollableRootAncestor;
-        // TODO: This should be dynamic, the root width could change as the viewport scales if not fixed unit.
-        const editingRootElementWidth = getDomElementRect(this._editingRootElement).width;
-        const minimapContainerWidth = getDomElementRect(minimapContainerElement).width;
-        const minimapScaleRatio = minimapContainerWidth / editingRootElementWidth;
-        const minimapView = this._minimapView = new MinimapView({
-            locale,
-            scaleRatio: minimapScaleRatio,
-            pageStyles: getPageStyles(),
-            extraClasses: editor.config.get('minimap.extraClasses'),
-            useSimplePreview,
-            domRootClone: cloneEditingViewDomRoot(editor)
-        });
-        minimapView.render();
-        // Scrollable ancestor scroll -> minimap position update.
-        minimapView.listenTo(global.document, 'scroll', (evt, data) => {
-            if (scrollableRootAncestor === global.document.body) {
-                if (data.target !== global.document) {
-                    return;
-                }
-            }
-            else if (data.target !== scrollableRootAncestor) {
-                return;
-            }
-            this._syncMinimapToEditingRootScrollPosition();
-        }, { useCapture: true, usePassive: true });
-        // Viewport resize -> minimap position update.
-        minimapView.listenTo(global.window, 'resize', () => {
-            this._syncMinimapToEditingRootScrollPosition();
-        });
-        // Dragging the visible content area -> document (scrollable) position update.
-        minimapView.on('drag', (evt, movementY) => {
-            let movementYPercentage;
-            if (minimapView.scrollHeight === 0) {
-                movementYPercentage = 0;
-            }
-            else {
-                movementYPercentage = movementY / minimapView.scrollHeight;
-            }
-            const absoluteScrollProgress = movementYPercentage *
-                (scrollableRootAncestor.scrollHeight - getClientHeight(scrollableRootAncestor));
-            const scrollable = getScrollable(scrollableRootAncestor);
-            scrollable.scrollBy(0, Math.round(absoluteScrollProgress));
-        });
-        // Clicking the minimap -> center the document (scrollable) to the corresponding position.
-        minimapView.on('click', (evt, percentage) => {
-            const absoluteScrollProgress = percentage * scrollableRootAncestor.scrollHeight;
-            const scrollable = getScrollable(scrollableRootAncestor);
-            scrollable.scrollBy(0, Math.round(absoluteScrollProgress));
-        });
-        minimapContainerElement.appendChild(minimapView.element);
-    }
-    /**
-     * @private
-     */
-    _syncMinimapToEditingRootScrollPosition() {
-        const editingRootElement = this._editingRootElement;
-        const minimapView = this._minimapView;
-        minimapView.setContentHeight(editingRootElement.offsetHeight);
-        const editingRootRect = getDomElementRect(editingRootElement);
-        const scrollableRootAncestorRect = getDomElementRect(this._scrollableRootAncestor);
-        let scrollProgress;
-        // It's possible that at some point elements do not intersect, e.g. when entering the fullscreen mode.
-        // Prevent the minimap from being updated in such case.
-        if (!scrollableRootAncestorRect.getIntersection(editingRootRect)) {
-            return;
-        }
-        // @if CK_DEBUG_MINIMAP // RectDrawer.clear();
-        // @if CK_DEBUG_MINIMAP // RectDrawer.draw( scrollableRootAncestorRect, { outlineColor: 'red' }, 'scrollableRootAncestor' );
-        // @if CK_DEBUG_MINIMAP // RectDrawer.draw( editingRootRect, { outlineColor: 'green' }, 'editingRoot' );
-        // The root is completely visible in the scrollable ancestor.
-        if (scrollableRootAncestorRect.contains(editingRootRect)) {
-            scrollProgress = 0;
-        }
-        else {
-            if (editingRootRect.top > scrollableRootAncestorRect.top) {
-                scrollProgress = 0;
-            }
-            else {
-                scrollProgress = (editingRootRect.top - scrollableRootAncestorRect.top) /
-                    (scrollableRootAncestorRect.height - editingRootRect.height);
-                scrollProgress = Math.max(0, Math.min(scrollProgress, 1));
-            }
-        }
-        // The intersection helps to change the tracker height when there is a lot of padding around the root.
-        // Note: It is **essential** that the height is set first because the progress depends on the correct tracker height.
-        minimapView.setPositionTrackerHeight(scrollableRootAncestorRect.getIntersection(editingRootRect).height);
-        minimapView.setScrollProgress(scrollProgress);
-    }
-}

package/src/minimapconfig.js

@@ -1,5 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-export {};

package/src/minimapiframeview.js

@@ -1,136 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module minimap/minimapiframeview
- */
-import { IframeView } from 'ckeditor5/src/ui.js';
-import { toUnit } from 'ckeditor5/src/utils.js';
-const toPx = /* #__PURE__ */ toUnit('px');
-/**
- * The internal `<iframe>` view that hosts the minimap content.
- *
- * @internal
- */
-export class MinimapIframeView extends IframeView {
-    /**
-     * Cached view constructor options for re-use in other methods.
-     */
-    _options;
-    /**
-     * Creates an instance of the internal minimap iframe.
-     */
-    constructor(locale, options) {
-        super(locale);
-        const bind = this.bindTemplate;
-        this.set('top', 0);
-        this.set('height', 0);
-        this._options = options;
-        this.extendTemplate({
-            attributes: {
-                tabindex: -1,
-                'aria-hidden': 'true',
-                class: [
-                    'ck-minimap__iframe'
-                ],
-                style: {
-                    top: bind.to('top', top => toPx(top)),
-                    height: bind.to('height', height => toPx(height))
-                }
-            }
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        return super.render().then(() => {
-            this._prepareDocument();
-        });
-    }
-    /**
-     * Sets the new height of the iframe.
-     */
-    setHeight(newHeight) {
-        this.height = newHeight;
-    }
-    /**
-     * Sets the top offset of the iframe to move it around vertically.
-     */
-    setTopOffset(newOffset) {
-        this.top = newOffset;
-    }
-    /**
-     * Sets the internal structure of the `<iframe>` readying it to display the
-     * minimap element.
-     */
-    _prepareDocument() {
-        const iframeDocument = this.element.contentWindow.document;
-        const domRootClone = iframeDocument.adoptNode(this._options.domRootClone);
-        const boxStyles = this._options.useSimplePreview ? `
-			.ck.ck-editor__editable_inline img {
-				filter: contrast( 0 );
-			}
-
-			p, li, a, figcaption, span {
-				background: hsl(0, 0%, 80%) !important;
-				color: hsl(0, 0%, 80%) !important;
-			}
-
-			h1, h2, h3, h4 {
-				background: hsl(0, 0%, 60%) !important;
-				color: hsl(0, 0%, 60%) !important;
-			}
-		` : '';
-        const pageStyles = this._options.pageStyles.map(definition => {
-            if (typeof definition === 'string') {
-                return `<style>${definition}</style>`;
-            }
-            else {
-                return `<link rel="stylesheet" type="text/css" href="${definition.href}">`;
-            }
-        }).join('\n');
-        const html = `<!DOCTYPE html><html lang="en">
-			<head>
-				<meta charset="utf-8">
-				<meta name="viewport" content="width=device-width, initial-scale=1">
-				${pageStyles}
-				<style>
-					html, body {
-						margin: 0 !important;
-						padding: 0 !important;
-					}
-
-					html {
-						overflow: hidden;
-					}
-
-					body {
-						transform: scale( ${this._options.scaleRatio} );
-						transform-origin: 0 0;
-						overflow: visible;
-					}
-
-					.ck.ck-editor__editable_inline {
-						margin: 0 !important;
-						border-color: transparent !important;
-						outline-color: transparent !important;
-						box-shadow: none !important;
-					}
-
-					.ck.ck-content {
-						background: white;
-					}
-
-					${boxStyles}
-				</style>
-			</head>
-			<body class="${this._options.extraClasses || ''}"></body>
-		</html>`;
-        iframeDocument.open();
-        iframeDocument.write(html);
-        iframeDocument.close();
-        iframeDocument.body.appendChild(domRootClone);
-    }
-}

package/src/minimappositiontrackerview.js

@@ -1,78 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module minimap/minimappositiontrackerview
- */
-import { View } from 'ckeditor5/src/ui.js';
-import { toUnit, global } from 'ckeditor5/src/utils.js';
-const toPx = /* #__PURE__ */ toUnit('px');
-/**
- * The position tracker visualizing the visible subset of the content. Displayed over the minimap.
- *
- * @internal
- */
-export class MinimapPositionTrackerView extends View {
-    constructor(locale) {
-        super(locale);
-        const bind = this.bindTemplate;
-        this.set('height', 0);
-        this.set('top', 0);
-        this.set('scrollProgress', 0);
-        this.set('_isDragging', false);
-        this.setTemplate({
-            tag: 'div',
-            attributes: {
-                class: [
-                    'ck',
-                    'ck-minimap__position-tracker',
-                    bind.if('_isDragging', 'ck-minimap__position-tracker_dragging')
-                ],
-                style: {
-                    top: bind.to('top', top => toPx(top)),
-                    height: bind.to('height', height => toPx(height))
-                },
-                'data-progress': bind.to('scrollProgress')
-            },
-            on: {
-                mousedown: bind.to(() => {
-                    this._isDragging = true;
-                })
-            }
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        super.render();
-        this.listenTo(global.document, 'mousemove', (evt, data) => {
-            if (!this._isDragging) {
-                return;
-            }
-            this.fire('drag', data.movementY);
-        }, { useCapture: true });
-        this.listenTo(global.document, 'mouseup', () => {
-            this._isDragging = false;
-        }, { useCapture: true });
-    }
-    /**
-     * Sets the new height of the tracker to visualize the subset of the content visible to the user.
-     */
-    setHeight(newHeight) {
-        this.height = newHeight;
-    }
-    /**
-     * Sets the top offset of the tracker to move it around vertically.
-     */
-    setTopOffset(newOffset) {
-        this.top = newOffset;
-    }
-    /**
-     * Sets the scroll progress (in %) to inform the user using a label when the tracker is being dragged.
-     */
-    setScrollProgress(newProgress) {
-        this.scrollProgress = newProgress;
-    }
-}