@ckeditor/ckeditor5-minimap 0.0.0-internal-20241017.0

package/CHANGELOG.md

@@ -0,0 +1,4 @@
+Changelog
+=========
+
+All changes in the package are documented in https://github.com/ckeditor/ckeditor5/blob/master/CHANGELOG.md.

package/LICENSE.md

@@ -0,0 +1,17 @@
+Software License Agreement
+==========================
+
+**CKEditor&nbsp;5 minimap feature** – https://github.com/ckeditor/ckeditor5-minimap <br>
+Copyright (c) 2003–2024, [CKSource Holding sp. z o.o.](https://cksource.com) All rights reserved.
+
+Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html).
+
+Sources of Intellectual Property Included in CKEditor
+-----------------------------------------------------
+
+Where not otherwise indicated, all CKEditor content is authored by CKSource engineers and consists of CKSource-owned intellectual property. In some specific instances, CKEditor will incorporate work done by developers outside of CKSource with their express permission.
+
+Trademarks
+----------
+
+**CKEditor** is a trademark of [CKSource Holding sp. z o.o.](https://cksource.com) All other brand and product names are trademarks, registered trademarks, or service marks of their respective holders.

package/README.md

@@ -0,0 +1,26 @@
+CKEditor 5 Minimap Feature
+===========================
+
+[![npm version](https://badge.fury.io/js/%40ckeditor%2Fckeditor5-minimap.svg)](https://www.npmjs.com/package/@ckeditor/ckeditor5-minimap)
+[![Coverage Status](https://coveralls.io/repos/github/ckeditor/ckeditor5/badge.svg?branch=master)](https://coveralls.io/github/ckeditor/ckeditor5?branch=master)
+[![Build Status](https://travis-ci.com/ckeditor/ckeditor5.svg?branch=master)](https://app.travis-ci.com/github/ckeditor/ckeditor5)
+
+This package implements the content minimap feature for CKEditor 5.
+
+## Demo
+
+Check out the demo in the [content minimap feature guide](https://ckeditor.com/docs/ckeditor5/latest/features/minimap.html#demo).
+
+## Documentation
+
+See the [`@ckeditor/ckeditor5-minimap` package](https://ckeditor.com/docs/ckeditor5/latest/api/minimap.html) page as well as the [Content minimap feature](https://ckeditor.com/docs/ckeditor5/latest/features/minimap.html) guide in [CKEditor 5 documentation](https://ckeditor.com/docs/ckeditor5/latest/).
+
+## Installation
+
+```bash
+npm install ckeditor5
+```
+
+## License
+
+Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html). For full details about the license, please check the `LICENSE.md` file or [https://ckeditor.com/legal/ckeditor-oss-license](https://ckeditor.com/legal/ckeditor-oss-license).

package/build/minimap.js

@@ -0,0 +1,4 @@
+/*!
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md.
+ */(()=>{var t={188:(t,e,i)=>{"use strict";i.d(e,{A:()=>a});var n=i(758),o=i.n(n),r=i(935),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},935: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 p=[].concat(t[l]);n&&s[p[0]]||(void 0!==r&&(void 0===p[5]||(p[1]="@layer".concat(p[5].length>0?" ".concat(p[5]):""," {").concat(p[1],"}")),p[5]=r),i&&(p[2]?(p[1]="@media ".concat(p[2]," {").concat(p[1],"}"),p[2]=i):p[2]=i),o&&(p[4]?(p[1]="@supports (".concat(p[4],") {").concat(p[1],"}"),p[4]=o):p[4]="".concat(o)),e.push(p))}},e}},758:t=>{"use strict";t.exports=function(t){return t[1]}},591: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],p=r[l]||0,m="".concat(l," ").concat(p);r[l]=p+1;var h=i(m),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:m,updater:u,references:1})}s.push(m)}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 p=i(r[l]);0===e[p].references&&(e[p].updater(),e.splice(p,1))}r=c}}},128: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)}},51:t=>{"use strict";t.exports=function(t){var e=document.createElement("style");return t.setAttributes(e,t.attributes),t.insert(e,t.options),e}},21:t=>{"use strict";t.exports=function(t,e){Object.keys(e).forEach((function(i){t.setAttribute(i,e[i])}))}},639: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)}}}},782:(t,e,i)=>{t.exports=i(237)("./src/core.js")},783:(t,e,i)=>{t.exports=i(237)("./src/engine.js")},311:(t,e,i)=>{t.exports=i(237)("./src/ui.js")},584:(t,e,i)=>{t.exports=i(237)("./src/utils.js")},237:t=>{"use strict";t.exports=CKEditor5.dll}},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:()=>R});var t=i(782),e=i(584),o=i(311);const r=(0,e.toUnit)("px");class s extends o.IframeView{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{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 p=i(783);function m(t,e){const i=t.editing.view.document,n=i.getRoot(e),o=new p.DomConverter(i),r=new p.Renderer(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(t){return new e.Rect(t===e.global.document.body?e.global.window:t)}function d(t){return t===e.global.document.body?e.global.window:t}var u=i(591),g=i.n(u),f=i(639),k=i.n(f),_=i(128),b=i.n(_),v=i(21),y=i.n(v),w=i(51),x=i.n(w),T=i(188),S={attributes:{"data-cke":!0}};S.setAttributes=y(),S.insert=b().bind(null,"head"),S.domAPI=k(),S.insertStyleElement=x();g()(T.A,S);T.A&&T.A.locals&&T.A.locals;class R extends t.Plugin{static get pluginName(){return"Minimap"}static get isOfficialPlugin(){return!0}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=h(this._editingRootElement).width,a=h(o).width/s,c=this._minimapView=new l({locale:i,scaleRatio:a,pageStyles: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"))),extraClasses:t.config.get("minimap.extraClasses"),useSimplePreview:n,domRootClone:m(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,i)=>{let n;n=0===c.scrollHeight?0:i/c.scrollHeight;const o=n*(r.scrollHeight-((s=r)===e.global.document.body?e.global.window.innerHeight:s.clientHeight));var s;d(r).scrollBy(0,Math.round(o))})),c.on("click",((t,e)=>{const i=e*r.scrollHeight;d(r).scrollBy(0,Math.round(i))})),o.appendChild(c.element)}_syncMinimapToEditingRootScrollPosition(){const t=this._editingRootElement,e=this._minimapView;e.setContentHeight(t.offsetHeight);const i=h(t),n=h(this._scrollableRootAncestor);let o;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/ckeditor5-metadata.json

@@ -0,0 +1,11 @@
+{
+	"plugins": [
+		{
+			"name": "Content minimap",
+			"className": "Minimap",
+			"description": "Renders a minimap that helps users navigate the editor content.",
+			"docs": "features/minimap.html",
+			"path": "src/minimap.js"
+		}
+	]
+}

package/dist/augmentation.d.ts

@@ -0,0 +1,22 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+import type { MinimapConfig, Minimap } from './index.js';
+declare module '@ckeditor/ckeditor5-core' {
+    interface EditorConfig {
+        /**
+         * The configuration of the minimap feature. Introduced by the {@link module:minimap/minimap~Minimap} feature.
+         *
+         * Read more in {@link module:minimap/minimapconfig~MinimapConfig}.
+         */
+        minimap?: MinimapConfig;
+    }
+    interface PluginsMap {
+        [Minimap.pluginName]: Minimap;
+    }
+}

package/dist/index-content.css

@@ -0,0 +1,4 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */

package/dist/index-editor.css

@@ -0,0 +1,82 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+:root{
+	--ck-color-minimap-tracker-background:208, 0%, 51%;
+	--ck-color-minimap-iframe-outline:hsl(0deg 0% 75%);
+	--ck-color-minimap-iframe-shadow:hsl(0deg 0% 0% / 11%);
+	--ck-color-minimap-progress-background:hsl(0,0%,40%);
+}
+
+.ck.ck-minimap{
+	position:absolute;
+	user-select:none;
+	background:var(--ck-color-base-background);
+}
+
+.ck.ck-minimap,
+	.ck.ck-minimap iframe{
+		width:100%;
+		height:100%;
+	}
+
+.ck.ck-minimap iframe{
+		border:0;
+		pointer-events:none;
+		position:relative;
+		outline:1px solid var(--ck-color-minimap-iframe-outline);
+		box-shadow:0 2px 5px var(--ck-color-minimap-iframe-shadow);
+		margin:0;
+	}
+
+.ck.ck-minimap .ck.ck-minimap__position-tracker{
+		position:absolute;
+		width:100%;
+		top:0;
+		background:hsla( var(--ck-color-minimap-tracker-background), .2);
+		z-index:1;
+		transition:background 100ms ease-in-out;
+	}
+
+@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{
+			content:attr(data-progress) "%";
+			position:absolute;
+			top:5px;
+			right:5px;
+			background:var(--ck-color-minimap-progress-background);
+			color:var(--ck-color-base-background);
+			border:1px solid var(--ck-color-base-background);
+			padding:2px 4px;
+			font-size:10px;
+			border-radius:3px;
+			opacity:0;
+			transition:opacity 100ms ease-in-out;
+		}
+
+@media (prefers-reduced-motion: reduce){
+
+.ck.ck-minimap .ck.ck-minimap__position-tracker::after{
+				transition:none;
+		}
+			}

package/dist/index.css

@@ -0,0 +1,90 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/*
+ * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+:root {
+	--ck-color-minimap-tracker-background: 208, 0%, 51%;
+	--ck-color-minimap-iframe-outline: hsl(0deg 0% 75%);
+	--ck-color-minimap-iframe-shadow: hsl(0deg 0% 0% / 11%);
+	--ck-color-minimap-progress-background: hsl(0,0%,40%);
+}
+
+.ck.ck-minimap {
+	position: absolute;
+	user-select: none;
+	background: var(--ck-color-base-background);
+}
+
+.ck.ck-minimap,
+	.ck.ck-minimap iframe {
+		width: 100%;
+		height: 100%;
+	}
+
+.ck.ck-minimap iframe {
+		border: 0;
+		pointer-events: none;
+		position: relative;
+		outline: 1px solid var(--ck-color-minimap-iframe-outline);
+		box-shadow: 0 2px 5px var(--ck-color-minimap-iframe-shadow);
+		margin: 0;
+	}
+
+.ck.ck-minimap .ck.ck-minimap__position-tracker {
+		position: absolute;
+		width: 100%;
+		top: 0;
+		background: hsla( var(--ck-color-minimap-tracker-background), .2 );
+		z-index: 1;
+		transition: background 100ms ease-in-out;
+	}
+
+@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 {
+			content: attr(data-progress) "%";
+			position: absolute;
+			top: 5px;
+			right: 5px;
+			background: var(--ck-color-minimap-progress-background);
+			color: var(--ck-color-base-background);
+			border: 1px solid var(--ck-color-base-background);
+			padding: 2px 4px;
+			font-size: 10px;
+			border-radius: 3px;
+			opacity: 0;
+			transition: opacity 100ms ease-in-out;
+		}
+
+@media (prefers-reduced-motion: reduce) {
+
+.ck.ck-minimap .ck.ck-minimap__position-tracker::after {
+				transition: none;
+		}
+			}
+
+
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../theme/minimap.css","index.css"],"names":[],"mappings":"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","file":"index.css.map","sourcesContent":["/*\n * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license\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\t&,\n\t& iframe {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t}\n\n\t& 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\t& .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\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition: none;\n\t\t}\n\n\t\t&:hover {\n\t\t\tbackground:hsla( var(--ck-color-minimap-tracker-background), .3 );\n\t\t}\n\n\t\t&.ck-minimap__position-tracker_dragging,\n\t\t&.ck-minimap__position-tracker_dragging:hover {\n\t\t\tbackground:hsla( var(--ck-color-minimap-tracker-background), .4 );\n\n\t\t\t&::after {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\n\t\t&::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\n\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\ttransition: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n","/*\n * Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license\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/*# sourceMappingURL=index.css.map */"]}

package/dist/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module minimap
+ */
+export { default as Minimap } from './minimap.js';
+export type { MinimapConfig } from './minimapconfig.js';
+import './augmentation.js';