@ckeditor/ckeditor5-editor-inline 29.2.0 → 32.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/LICENSE.md CHANGED
@@ -2,7 +2,7 @@ Software License Agreement
2
2
  ==========================
3
3
 
4
4
  **Inline editor implementation** – https://github.com/ckeditor/ckeditor5-editor-inline <br>
5
- Copyright (c) 2003-2021, [CKSource](http://cksource.com) Frederico Knabben. All rights reserved.
5
+ Copyright (c) 2003-2022, [CKSource](http://cksource.com) Holding sp. z o.o. All rights reserved.
6
6
 
7
7
  Licensed under the terms of [GNU General Public License Version 2 or later](http://www.gnu.org/licenses/gpl.html).
8
8
 
@@ -14,4 +14,4 @@ Where not otherwise indicated, all CKEditor content is authored by CKSource engi
14
14
  Trademarks
15
15
  ----------
16
16
 
17
- **CKEditor** is a trademark of [CKSource](http://cksource.com) Frederico Knabben. All other brand and product names are trademarks, registered trademarks or service marks of their respective holders.
17
+ **CKEditor** is a trademark of [CKSource](http://cksource.com) Holding sp. z o.o. All other brand and product names are trademarks, registered trademarks or service marks of their respective holders.
package/README.md CHANGED
@@ -9,7 +9,7 @@ The inline editor implementation for CKEditor 5.
9
9
 
10
10
  This package exposes the [`InlineEditor`](https://ckeditor.com/docs/ckeditor5/latest/api/module_editor-inline_inlineeditor-InlineEditor.html) class. Follow there to learn more about this type of editor and how to initialize it.
11
11
 
12
- This package contains the source version of the inline editor. This editor implementation is also available in the [inline build](https://www.npmjs.com/package/@ckeditor/ckeditor5-build-inline). Read more about [CKEditor 5 Builds](https://ckeditor.com/docs/ckeditor5/latest/builds/index.html).
12
+ This package contains the source version of the inline editor. This editor implementation is also available in the [inline build](https://www.npmjs.com/package/@ckeditor/ckeditor5-build-inline). Read more about [CKEditor 5 builds](https://ckeditor.com/docs/ckeditor5/latest/builds/index.html).
13
13
 
14
14
  ## Documentation
15
15
 
@@ -1,5 +1,4 @@
1
1
  /*!
2
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
2
+ * @license Copyright (c) 2003-2022, CKSource - Frederico Knabben. All rights reserved.
3
3
  * For licensing, see LICENSE.md.
4
- */
5
- window.CKEditor5=window.CKEditor5||{},window.CKEditor5.editorInline=function(t){var e={};function o(i){if(e[i])return e[i].exports;var r=e[i]={i:i,l:!1,exports:{}};return t[i].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=t,o.c=e,o.d=function(t,e,i){o.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},o.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},o.t=function(t,e){if(1&e&&(t=o(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(o.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)o.d(i,r,function(e){return t[e]}.bind(null,r));return i},o.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return o.d(e,"a",e),e},o.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},o.p="",o(o.s=7)}([function(t,e,o){t.exports=o(3)("./src/utils.js")},function(t,e,o){t.exports=o(3)("./src/core.js")},function(t,e,o){t.exports=o(3)("./src/ui.js")},function(t,e){t.exports=CKEditor5.dll},function(t,e,o){t.exports=o(3)("./src/engine.js")},function(t,e,o){"use strict";(function(t){var o="object"==typeof t&&t&&t.Object===Object&&t;e.a=o}).call(this,o(6))},function(t,e){var o;o=function(){return this}();try{o=o||new Function("return this")()}catch(t){"object"==typeof window&&(o=window)}t.exports=o},function(t,e,o){"use strict";o.r(e),o.d(e,"InlineEditor",(function(){return D}));var i=o(1),r=o(0);var n=function(t){return null!=t&&"object"==typeof t},s=o(5),l="object"==typeof self&&self&&self.Object===Object&&self,a=(s.a||l||Function("return this")()).Symbol,c=Object.prototype,u=c.hasOwnProperty,d=c.toString,h=a?a.toStringTag:void 0;var f=function(t){var e=u.call(t,h),o=t[h];try{t[h]=void 0;var i=!0}catch(t){}var r=d.call(t);return i&&(e?t[h]=o:delete t[h]),r},p=Object.prototype.toString;var b=function(t){return p.call(t)},g=a?a.toStringTag:void 0;var w=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":g&&g in Object(t)?f(t):b(t)};var v=function(t,e){return function(o){return t(e(o))}}(Object.getPrototypeOf,Object),m=Function.prototype,O=Object.prototype,y=m.toString,j=O.hasOwnProperty,T=y.call(Object);var E=function(t){if(!n(t)||"[object Object]"!=w(t))return!1;var e=v(t);if(null===e)return!0;var o=j.call(e,"constructor")&&e.constructor;return"function"==typeof o&&o instanceof o&&y.call(o)==T};var P=function(t){return n(t)&&1===t.nodeType&&!E(t)},_=o(2),x=o(4);class F extends i.EditorUI{constructor(t,e){super(t),this.view=e,this._toolbarConfig=Object(_.normalizeToolbarConfig)(t.config.get("toolbar"))}get element(){return this.view.editable.element}init(){const t=this.editor,e=this.view,o=t.editing.view,i=e.editable,r=o.document.getRoot();i.name=r.rootName,e.render();const n=i.element;this.setEditableElement(i.name,n),this.focusTracker.add(n),i.bind("isFocused").to(this.focusTracker),o.attachDomRoot(n),this._initPlaceholder(),this._initToolbar(),this.fire("ready")}destroy(){const t=this.view;this.editor.editing.view.detachDomRoot(t.editable.name),t.destroy(),super.destroy()}_initToolbar(){const t=this.editor,e=this.view,o=e.editable.element,i=t.editing.view,r=e.toolbar;e.panel.bind("isVisible").to(this.focusTracker,"isFocused"),this._toolbarConfig.viewportTopOffset&&(e.viewportTopOffset=this._toolbarConfig.viewportTopOffset),e.listenTo(t.ui,"update",()=>{e.panel.isVisible&&e.panel.pin({target:o,positions:e.panelPositions})}),r.fillFromConfig(this._toolbarConfig,this.componentFactory),Object(_.enableToolbarKeyboardFocus)({origin:i,originFocusTracker:this.focusTracker,originKeystrokeHandler:t.keystrokes,toolbar:r})}_initPlaceholder(){const t=this.editor,e=t.editing.view,o=e.document.getRoot(),i=t.sourceElement,r=t.config.get("placeholder")||i&&"textarea"===i.tagName.toLowerCase()&&i.getAttribute("placeholder");r&&Object(x.enablePlaceholder)({view:e,element:o,text:r,isDirectHost:!1,keepOnFocus:!0})}}const C=Object(r.toUnit)("px");class S extends _.EditorUIView{constructor(t,e,o,i={}){super(t),this.toolbar=new _.ToolbarView(t,{shouldGroupWhenFull:i.shouldToolbarGroupWhenFull,isFloating:!0}),this.set("viewportTopOffset",0),this.panel=new _.BalloonPanelView(t),this.panel.withArrow=!1,this.panelPositions=this._getPanelPositions(),this.panel.extendTemplate({attributes:{class:"ck-toolbar-container"}}),this.editable=new _.InlineEditableUIView(t,e,o),this._resizeObserver=null}render(){super.render(),this.body.add(this.panel),this.registerChild(this.editable),this.panel.content.add(this.toolbar);if(this.toolbar.options.shouldGroupWhenFull){const t=this.editable.element;this._resizeObserver=new r.ResizeObserver(t,()=>{this.toolbar.maxWidth=C(new r.Rect(t).width)})}}destroy(){super.destroy(),this._resizeObserver&&this._resizeObserver.destroy()}_getPanelPositionTop(t,e){let o;return o=t.top>e.height+this.viewportTopOffset?t.top-e.height:t.bottom>e.height+this.viewportTopOffset+50?this.viewportTopOffset:t.bottom,o}_getPanelPositions(){const t=[(t,e)=>({top:this._getPanelPositionTop(t,e),left:t.left,name:"toolbar_west"}),(t,e)=>({top:this._getPanelPositionTop(t,e),left:t.left+t.width-e.width,name:"toolbar_east"})];return"ltr"===this.locale.uiLanguageDirection?t:t.reverse()}}class D extends i.Editor{constructor(t,e){super(e),this.model.document.createRoot(),P(t)&&(this.sourceElement=t,Object(i.secureSourceElement)(this));const o=!this.config.get("toolbar.shouldNotGroupWhenFull"),r=new S(this.locale,this.editing.view,this.sourceElement,{shouldToolbarGroupWhenFull:o});this.ui=new F(this,r),Object(i.attachToForm)(this)}destroy(){const t=this.getData();return this.ui.destroy(),super.destroy().then(()=>{this.sourceElement&&Object(r.setDataInElement)(this.sourceElement,t)})}static create(t,e={}){return new Promise(o=>{const i=P(t);if(i&&"TEXTAREA"===t.tagName)throw new r.CKEditorError("editor-wrong-element",null);const n=new this(t,e);o(n.initPlugins().then(()=>{n.ui.init()}).then(()=>{if(!i&&e.initialData)throw new r.CKEditorError("editor-create-initial-data",null);const o=void 0!==e.initialData?e.initialData:function(t){return P(t)?Object(r.getDataFromElement)(t):t}(t);return n.data.init(o)}).then(()=>n.fire("ready")).then(()=>n))})}}Object(r.mix)(D,i.DataApiMixin),Object(r.mix)(D,i.ElementApiMixin)}]);
4
+ */(()=>{var t={704:(t,e,o)=>{t.exports=o(79)("./src/core.js")},492:(t,e,o)=>{t.exports=o(79)("./src/engine.js")},273:(t,e,o)=>{t.exports=o(79)("./src/ui.js")},209:(t,e,o)=>{t.exports=o(79)("./src/utils.js")},79:t=>{"use strict";t.exports=CKEditor5.dll}},e={};function o(i){var r=e[i];if(void 0!==r)return r.exports;var n=e[i]={exports:{}};return t[i](n,n.exports,o),n.exports}o.d=(t,e)=>{for(var i in e)o.o(e,i)&&!o.o(t,i)&&Object.defineProperty(t,i,{enumerable:!0,get:e[i]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var i={};(()=>{"use strict";o.r(i),o.d(i,{InlineEditor:()=>C});var t=o(704),e=o(209);const r=function(t){return null!=t&&"object"==typeof t};const n="object"==typeof global&&global&&global.Object===Object&&global;var s="object"==typeof self&&self&&self.Object===Object&&self;const l=(n||s||Function("return this")()).Symbol;var a=Object.prototype,c=a.hasOwnProperty,d=a.toString,u=l?l.toStringTag:void 0;const h=function(t){var e=c.call(t,u),o=t[u];try{t[u]=void 0;var i=!0}catch(t){}var r=d.call(t);return i&&(e?t[u]=o:delete t[u]),r};var p=Object.prototype.toString;const b=function(t){return p.call(t)};var f=l?l.toStringTag:void 0;const g=function(t){return null==t?void 0===t?"[object Undefined]":"[object Null]":f&&f in Object(t)?h(t):b(t)};const w=function(t,e){return function(o){return t(e(o))}}(Object.getPrototypeOf,Object);var m=Function.prototype,v=Object.prototype,y=m.toString,O=v.hasOwnProperty,T=y.call(Object);const j=function(t){if(!r(t)||"[object Object]"!=g(t))return!1;var e=w(t);if(null===e)return!0;var o=O.call(e,"constructor")&&e.constructor;return"function"==typeof o&&o instanceof o&&y.call(o)==T};const E=function(t){return r(t)&&1===t.nodeType&&!j(t)};var P=o(273),x=o(492);class _ extends t.EditorUI{constructor(t,e){super(t),this.view=e,this._toolbarConfig=(0,P.normalizeToolbarConfig)(t.config.get("toolbar"))}get element(){return this.view.editable.element}init(){const t=this.editor,e=this.view,o=t.editing.view,i=e.editable,r=o.document.getRoot();i.name=r.rootName,e.render();const n=i.element;this.setEditableElement(i.name,n),this.focusTracker.add(n),i.bind("isFocused").to(this.focusTracker),o.attachDomRoot(n),this._initPlaceholder(),this._initToolbar(),this.fire("ready")}destroy(){const t=this.view;this.editor.editing.view.detachDomRoot(t.editable.name),t.destroy(),super.destroy()}_initToolbar(){const t=this.editor,e=this.view,o=e.editable.element,i=t.editing.view,r=e.toolbar;e.panel.bind("isVisible").to(this.focusTracker,"isFocused"),e.bind("viewportTopOffset").to(this,"viewportOffset",(({top:t})=>t)),e.listenTo(t.ui,"update",(()=>{e.panel.isVisible&&e.panel.pin({target:o,positions:e.panelPositions})})),r.fillFromConfig(this._toolbarConfig,this.componentFactory),(0,P.enableToolbarKeyboardFocus)({origin:i,originFocusTracker:this.focusTracker,originKeystrokeHandler:t.keystrokes,toolbar:r})}_initPlaceholder(){const t=this.editor,e=t.editing.view,o=e.document.getRoot(),i=t.sourceElement,r=t.config.get("placeholder")||i&&"textarea"===i.tagName.toLowerCase()&&i.getAttribute("placeholder");r&&(0,x.enablePlaceholder)({view:e,element:o,text:r,isDirectHost:!1,keepOnFocus:!0})}}const F=(0,e.toUnit)("px");class S extends P.EditorUIView{constructor(t,e,o,i={}){super(t),this.toolbar=new P.ToolbarView(t,{shouldGroupWhenFull:i.shouldToolbarGroupWhenFull,isFloating:!0}),this.set("viewportTopOffset",0),this.panel=new P.BalloonPanelView(t),this.panelPositions=this._getPanelPositions(),this.panel.extendTemplate({attributes:{class:"ck-toolbar-container"}}),this.editable=new P.InlineEditableUIView(t,e,o),this._resizeObserver=null}render(){super.render(),this.body.add(this.panel),this.registerChild(this.editable),this.panel.content.add(this.toolbar);if(this.toolbar.options.shouldGroupWhenFull){const t=this.editable.element;this._resizeObserver=new e.ResizeObserver(t,(()=>{this.toolbar.maxWidth=F(new e.Rect(t).width)}))}}destroy(){super.destroy(),this._resizeObserver&&this._resizeObserver.destroy()}_getPanelPositionTop(t,e){let o;return o=t.top>e.height+this.viewportTopOffset?t.top-e.height:t.bottom>e.height+this.viewportTopOffset+50?this.viewportTopOffset:t.bottom,o}_getPanelPositions(){const t=[(t,e)=>({top:this._getPanelPositionTop(t,e),left:t.left,name:"toolbar_west",config:{withArrow:!1}}),(t,e)=>({top:this._getPanelPositionTop(t,e),left:t.left+t.width-e.width,name:"toolbar_east",config:{withArrow:!1}})];return"ltr"===this.locale.uiLanguageDirection?t:t.reverse()}}class C extends t.Editor{constructor(e,o){super(o),this.model.document.createRoot(),E(e)&&(this.sourceElement=e,(0,t.secureSourceElement)(this));const i=!this.config.get("toolbar.shouldNotGroupWhenFull"),r=new S(this.locale,this.editing.view,this.sourceElement,{shouldToolbarGroupWhenFull:i});this.ui=new _(this,r),(0,t.attachToForm)(this)}destroy(){const t=this.getData();return this.ui.destroy(),super.destroy().then((()=>{this.sourceElement&&(0,e.setDataInElement)(this.sourceElement,t)}))}static create(t,o={}){return new Promise((i=>{const r=E(t);if(r&&"TEXTAREA"===t.tagName)throw new e.CKEditorError("editor-wrong-element",null);const n=new this(t,o);i(n.initPlugins().then((()=>{n.ui.init()})).then((()=>{if(!r&&o.initialData)throw new e.CKEditorError("editor-create-initial-data",null);const i=void 0!==o.initialData?o.initialData:function(t){return E(t)?(0,e.getDataFromElement)(t):t}(t);return n.data.init(i)})).then((()=>n.fire("ready"))).then((()=>n)))}))}}(0,e.mix)(C,t.DataApiMixin),(0,e.mix)(C,t.ElementApiMixin)})(),(window.CKEditor5=window.CKEditor5||{}).editorInline=i})();
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-editor-inline",
3
- "version": "29.2.0",
3
+ "version": "32.0.0",
4
4
  "description": "Inline editor implementation for CKEditor 5.",
5
5
  "keywords": [
6
6
  "ckeditor",
@@ -11,27 +11,27 @@
11
11
  ],
12
12
  "main": "src/index.js",
13
13
  "dependencies": {
14
- "ckeditor5": "^29.2.0",
14
+ "ckeditor5": "^32.0.0",
15
15
  "lodash-es": "^4.17.15"
16
16
  },
17
17
  "devDependencies": {
18
- "@ckeditor/ckeditor5-basic-styles": "^29.2.0",
19
- "@ckeditor/ckeditor5-core": "^29.2.0",
20
- "@ckeditor/ckeditor5-dev-utils": "^25.4.0",
21
- "@ckeditor/ckeditor5-engine": "^29.2.0",
22
- "@ckeditor/ckeditor5-enter": "^29.2.0",
23
- "@ckeditor/ckeditor5-heading": "^29.2.0",
24
- "@ckeditor/ckeditor5-paragraph": "^29.2.0",
25
- "@ckeditor/ckeditor5-theme-lark": "^29.2.0",
26
- "@ckeditor/ckeditor5-typing": "^29.2.0",
27
- "@ckeditor/ckeditor5-ui": "^29.2.0",
28
- "@ckeditor/ckeditor5-undo": "^29.2.0",
29
- "@ckeditor/ckeditor5-utils": "^29.2.0",
30
- "webpack": "^4.43.0",
31
- "webpack-cli": "^3.3.11"
18
+ "@ckeditor/ckeditor5-basic-styles": "^32.0.0",
19
+ "@ckeditor/ckeditor5-core": "^32.0.0",
20
+ "@ckeditor/ckeditor5-dev-utils": "^27.1.0",
21
+ "@ckeditor/ckeditor5-engine": "^32.0.0",
22
+ "@ckeditor/ckeditor5-enter": "^32.0.0",
23
+ "@ckeditor/ckeditor5-heading": "^32.0.0",
24
+ "@ckeditor/ckeditor5-paragraph": "^32.0.0",
25
+ "@ckeditor/ckeditor5-theme-lark": "^32.0.0",
26
+ "@ckeditor/ckeditor5-typing": "^32.0.0",
27
+ "@ckeditor/ckeditor5-ui": "^32.0.0",
28
+ "@ckeditor/ckeditor5-undo": "^32.0.0",
29
+ "@ckeditor/ckeditor5-utils": "^32.0.0",
30
+ "webpack": "^5.58.1",
31
+ "webpack-cli": "^4.9.0"
32
32
  },
33
33
  "engines": {
34
- "node": ">=12.0.0",
34
+ "node": ">=14.0.0",
35
35
  "npm": ">=5.7.1"
36
36
  },
37
37
  "author": "CKSource (http://cksource.com/)",
package/src/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
2
+ * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
5
 
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
2
+ * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
5
 
@@ -16,7 +16,7 @@ import InlineEditorUI from './inlineeditorui';
16
16
  import InlineEditorUIView from './inlineeditoruiview';
17
17
 
18
18
  /**
19
- * The {@glink builds/guides/overview#inline-editor inline editor} implementation.
19
+ * The {@glink builds/guides/predefined-builds/overview#inline-editor inline editor} implementation.
20
20
  * It uses an inline editable and a floating toolbar.
21
21
  * See the {@glink examples/builds/inline-editor demo}.
22
22
  *
@@ -27,9 +27,9 @@ import InlineEditorUIView from './inlineeditoruiview';
27
27
  *
28
28
  * The inline editor can be used directly from source (if you installed the
29
29
  * [`@ckeditor/ckeditor5-editor-inline`](https://www.npmjs.com/package/@ckeditor/ckeditor5-editor-inline) package)
30
- * but it is also available in the {@glink builds/guides/overview#inline-editor inline build}.
30
+ * but it is also available in the {@glink builds/guides/predefined-builds/overview#inline-editor inline build}.
31
31
  *
32
- * {@glink builds/guides/overview Builds} are ready-to-use editors with plugins bundled in. When using the editor from
32
+ * {@glink builds/guides/predefined-builds/overview Builds} are ready-to-use editors with plugins bundled in. When using the editor from
33
33
  * source you need to take care of loading all plugins by yourself
34
34
  * (through the {@link module:core/editor/editorconfig~EditorConfig#plugins `config.plugins`} option).
35
35
  * Using the editor from source gives much better flexibility and allows easier customization.
@@ -165,7 +165,7 @@ export default class InlineEditor extends Editor {
165
165
  * # Using the editor from source
166
166
  *
167
167
  * The code samples listed in the previous sections of this documentation assume that you are using an
168
- * {@glink builds/guides/overview editor build} (for example – `@ckeditor/ckeditor5-build-inline`).
168
+ * {@glink builds/guides/predefined-builds/overview editor build} (for example – `@ckeditor/ckeditor5-build-inline`).
169
169
  *
170
170
  * If you want to use the inline editor from source (`@ckeditor/ckeditor5-editor-inline/src/inlineeditor`),
171
171
  * you need to define the list of
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
2
+ * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
5
 
@@ -125,9 +125,7 @@ export default class InlineEditorUI extends EditorUI {
125
125
  // Set–up the view#panel.
126
126
  view.panel.bind( 'isVisible' ).to( this.focusTracker, 'isFocused' );
127
127
 
128
- if ( this._toolbarConfig.viewportTopOffset ) {
129
- view.viewportTopOffset = this._toolbarConfig.viewportTopOffset;
130
- }
128
+ view.bind( 'viewportTopOffset' ).to( this, 'viewportOffset', ( { top } ) => top );
131
129
 
132
130
  // https://github.com/ckeditor/ckeditor5-editor-inline/issues/4
133
131
  view.listenTo( editor.ui, 'update', () => {
@@ -1,5 +1,5 @@
1
1
  /**
2
- * @license Copyright (c) 2003-2021, CKSource - Frederico Knabben. All rights reserved.
2
+ * @license Copyright (c) 2003-2022, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
4
4
  */
5
5
 
@@ -52,8 +52,13 @@ export default class InlineEditorUIView extends EditorUIView {
52
52
  * either using `position: fixed` or `position: sticky`, which would cover the
53
53
  * UI or vice–versa (depending on the `z-index` hierarchy).
54
54
  *
55
- * @readonly
55
+ * Bound to {@link module:core/editor/editorui~EditorUI#viewportOffset `EditorUI#viewportOffset`}.
56
+ *
57
+ * If {@link module:core/editor/editorconfig~EditorConfig#ui `EditorConfig#ui.viewportOffset.top`} is defined, then
58
+ * it will override the default value.
59
+ *
56
60
  * @observable
61
+ * @default 0
57
62
  * @member {Number} #viewportTopOffset
58
63
  */
59
64
  this.set( 'viewportTopOffset', 0 );
@@ -66,8 +71,6 @@ export default class InlineEditorUIView extends EditorUIView {
66
71
  */
67
72
  this.panel = new BalloonPanelView( locale );
68
73
 
69
- this.panel.withArrow = false;
70
-
71
74
  /**
72
75
  * A set of positioning functions used by the {@link #panel} to float around
73
76
  * {@link #element editableElement}.
@@ -113,7 +116,7 @@ export default class InlineEditorUIView extends EditorUIView {
113
116
  * See: {@link module:utils/dom/position~Options#positions}.
114
117
  *
115
118
  * @readonly
116
- * @type {Array.<Function>}
119
+ * @type {Array.<module:utils/dom/position~positioningFunction>}
117
120
  */
118
121
  this.panelPositions = this._getPanelPositions();
119
122
 
@@ -204,7 +207,7 @@ export default class InlineEditorUIView extends EditorUIView {
204
207
  * See: {@link module:utils/dom/position~Options#positions}.
205
208
  *
206
209
  * @private
207
- * @returns {Array.<Function>}
210
+ * @returns {Array.<module:utils/dom/position~positioningFunction>}
208
211
  */
209
212
  _getPanelPositions() {
210
213
  const positions = [
@@ -212,14 +215,20 @@ export default class InlineEditorUIView extends EditorUIView {
212
215
  return {
213
216
  top: this._getPanelPositionTop( editableRect, panelRect ),
214
217
  left: editableRect.left,
215
- name: 'toolbar_west'
218
+ name: 'toolbar_west',
219
+ config: {
220
+ withArrow: false
221
+ }
216
222
  };
217
223
  },
218
224
  ( editableRect, panelRect ) => {
219
225
  return {
220
226
  top: this._getPanelPositionTop( editableRect, panelRect ),
221
227
  left: editableRect.left + editableRect.width - panelRect.width,
222
- name: 'toolbar_east'
228
+ name: 'toolbar_east',
229
+ config: {
230
+ withArrow: false
231
+ }
223
232
  };
224
233
  }
225
234
  ];
package/CHANGELOG.md DELETED
@@ -1,207 +0,0 @@
1
- Changelog
2
- =========
3
-
4
- All changes in the package are documented in the main repository. See: https://github.com/ckeditor/ckeditor5/blob/master/CHANGELOG.md.
5
-
6
- Changes for the past releases are available below.
7
-
8
- ## [19.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v18.0.0...v19.0.0) (2020-04-29)
9
-
10
- Internal changes only (updated dependencies, documentation, etc.).
11
-
12
-
13
- ## [18.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v17.0.0...v18.0.0) (2020-03-19)
14
-
15
- ### MAJOR BREAKING CHANGES
16
-
17
- * From now on, the inline toolbar groups overflowing items by default. This behavior can be disabled by setting the [`config.toolbar.shouldNotGroupWhenFull`](https://ckeditor.com/docs/ckeditor5/latest/api/module_ui_toolbar_toolbarview-ToolbarOptions.html#member-shouldGroupWhenFull) configuration option to `true`.
18
-
19
- ### Features
20
-
21
- * The inline editor toolbar should group items when its width exceeds the editable’s width (see [ckeditor/ckeditor5#5597](https://github.com/ckeditor/ckeditor5/issues/5597)). ([1c5746c](https://github.com/ckeditor/ckeditor5-editor-inline/commit/1c5746c))
22
-
23
-
24
- ## [17.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v16.0.0...v17.0.0) (2020-02-19)
25
-
26
- Internal changes only (updated dependencies, documentation, etc.).
27
-
28
-
29
- ## [16.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v15.0.0...v16.0.0) (2019-12-04)
30
-
31
- Internal changes only (updated dependencies, documentation, etc.).
32
-
33
-
34
- ## [15.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.3.0...v15.0.0) (2019-10-23)
35
-
36
- Internal changes only (updated dependencies, documentation, etc.).
37
-
38
-
39
- ## [12.3.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.2.1...v12.3.0) (2019-08-26)
40
-
41
- ### Features
42
-
43
- * The `InlineEditorUIView` should display on different sides of editable depending on the direction of the UI language. See [ckeditor/ckeditor5#1151](https://github.com/ckeditor/ckeditor5/issues/1151). ([c387059](https://github.com/ckeditor/ckeditor5-editor-inline/commit/c387059))
44
-
45
- ### Other changes
46
-
47
- * The issue tracker for this package was moved to https://github.com/ckeditor/ckeditor5/issues. See [ckeditor/ckeditor5#1988](https://github.com/ckeditor/ckeditor5/issues/1988). ([1d21b8e](https://github.com/ckeditor/ckeditor5-editor-inline/commit/1d21b8e))
48
- * Introduced a check that prevents sharing source elements between editor instances. See [ckeditor/ckeditor5#746](https://github.com/ckeditor/ckeditor5/issues/746). ([5e42fcf](https://github.com/ckeditor/ckeditor5-editor-inline/commit/5e42fcf))
49
-
50
-
51
- ## [12.2.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.2.0...v12.2.1) (2019-07-10)
52
-
53
- Internal changes only (updated dependencies, documentation, etc.).
54
-
55
-
56
- ## [12.2.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.1.1...v12.2.0) (2019-07-04)
57
-
58
- ### Features
59
-
60
- * `InlineEditor.create()` will throw an error, when a `<textarea>` element is used. ([56c9f40](https://github.com/ckeditor/ckeditor5-editor-inline/commit/56c9f40))
61
-
62
-
63
- ## [12.1.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.1.0...v12.1.1) (2019-06-05)
64
-
65
- Internal changes only (updated dependencies, documentation, etc.).
66
-
67
-
68
- ## [12.1.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v12.0.0...v12.1.0) (2019-04-10)
69
-
70
- ### Features
71
-
72
- * Introduced `EditorConfig#initialData`. ([59e97b5](https://github.com/ckeditor/ckeditor5-editor-inline/commit/59e97b5))
73
-
74
-
75
- ## [12.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v11.0.2...v12.0.0) (2019-02-28)
76
-
77
- ### Features
78
-
79
- * Added support for the `config.placeholder` option which allows configuring the empty editor content placeholder (see [ckeditor/ckeditor5#479](https://github.com/ckeditor/ckeditor5/issues/479)). ([24016bd](https://github.com/ckeditor/ckeditor5-editor-inline/commit/24016bd))
80
-
81
- ### Bug fixes
82
-
83
- * Fixed memory leaks during editor initialization and destruction (see [ckeditor/ckeditor5#1341](https://github.com/ckeditor/ckeditor5/issues/1341)). ([dd2bb90](https://github.com/ckeditor/ckeditor5-editor-inline/commit/dd2bb90))
84
-
85
- ### Other changes
86
-
87
- * Adjustments to new editor initialization events. See breaking changes. ([9536767](https://github.com/ckeditor/ckeditor5-editor-inline/commit/9536767))
88
- * Editor UI classes API refactoring. See breaking changes. ([f8195da](https://github.com/ckeditor/ckeditor5-editor-inline/commit/f8195da))
89
-
90
- ### BREAKING CHANGES
91
-
92
- * Upgraded minimal versions of Node to `8.0.0` and npm to `5.7.1`. See: [ckeditor/ckeditor5#1507](https://github.com/ckeditor/ckeditor5/issues/1507). ([612ea3c](https://github.com/ckeditor/ckeditor5-cloud-services/commit/612ea3c))
93
- * The second argument of `InlineEditorUIView.constructor()` is an editing view instance now.
94
- * The `editor#dataReady` event was removed. The `editor.data#ready` event has been introduced and should be used instead.
95
- * The `editor#pluginsReady` event was removed. Use plugin `afterInit()` method instead.
96
- * Removed `InlineEditor#element` property. The `InlineEditorUI#element` property should be used instead.
97
- * Removed `InlineEditorUIView#editableElement`. Instead `InlineEditorUI#getEditableElement()` method should be used.
98
-
99
-
100
- ## [11.0.2](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v11.0.1...v11.0.2) (2018-12-05)
101
-
102
- Internal changes only (updated dependencies, documentation, etc.).
103
-
104
-
105
- ## [11.0.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v11.0.0...v11.0.1) (2018-10-08)
106
-
107
- ### Bug fixes
108
-
109
- * Child views should be added in `InlineEditorUIView#render()` instead of `#constructor()` to allow early template manipulation. Closes [ckeditor/ckeditor5#1150](https://github.com/ckeditor/ckeditor5/issues/1150). ([b0be713](https://github.com/ckeditor/ckeditor5-editor-inline/commit/b0be713))
110
-
111
- Huge thanks to [Alex Eckermann](https://github.com/alexeckermann) for this contribution!
112
-
113
-
114
- ## [11.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v10.0.1...v11.0.0) (2018-07-18)
115
-
116
- ### Features
117
-
118
- * Editor can now be created with initial data passed to the constructor. Closes [#37](https://github.com/ckeditor/ckeditor5-editor-inline/issues/37). ([cfd8c53](https://github.com/ckeditor/ckeditor5-editor-inline/commit/cfd8c53))
119
-
120
- ### Other changes
121
-
122
- * Used the `EditorUI` as a parent class for the `InlineEditorUI` (see [ckeditor/ckeditor5-core#130](https://github.com/ckeditor/ckeditor5-core/issues/130)). ([c148346](https://github.com/ckeditor/ckeditor5-editor-inline/commit/c148346))
123
-
124
- ### BREAKING CHANGES
125
-
126
- * The `InlineEditor#element` property was renamed to `InlineEditor#sourceElement` and `InlineEditor#updateElement()` method to `InlineEditor#updateSourceElement()`. See [ckeditor/ckeditor5-core#64](https://github.com/ckeditor/ckeditor5-core/issues/64).
127
-
128
-
129
- ## [10.0.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v10.0.0...v10.0.1) (2018-06-21)
130
-
131
- Internal changes only (updated dependencies, documentation, etc.).
132
-
133
-
134
- ## [10.0.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-beta.4...v10.0.0) (2018-04-25)
135
-
136
- ### Other changes
137
-
138
- * Changed the license to GPL2+ only. See [ckeditor/ckeditor5#991](https://github.com/ckeditor/ckeditor5/issues/991). ([4a6d43a](https://github.com/ckeditor/ckeditor5-editor-inline/commit/4a6d43a))
139
-
140
- ### BREAKING CHANGES
141
-
142
- * The license under which CKEditor 5 is released has been changed from a triple GPL, LGPL and MPL license to a GPL2+ only. See [ckeditor/ckeditor5#991](https://github.com/ckeditor/ckeditor5/issues/991) for more information.
143
-
144
-
145
- ## [1.0.0-beta.4](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-beta.2...v1.0.0-beta.4) (2018-04-19)
146
-
147
- Internal changes only (updated dependencies, documentation, etc.).
148
-
149
-
150
- ## [1.0.0-beta.2](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-beta.1...v1.0.0-beta.2) (2018-04-10)
151
-
152
- Internal changes only (updated dependencies, documentation, etc.).
153
-
154
-
155
- ## [1.0.0-beta.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-alpha.2...v1.0.0-beta.1) (2018-03-15)
156
-
157
- ### Other changes
158
-
159
- * Migrated the editor styles to PostCSS (see [ckeditor/ckeditor5-ui#144](https://github.com/ckeditor/ckeditor5-ui/issues/144)). ([9fbecae](https://github.com/ckeditor/ckeditor5-editor-inline/commit/9fbecae))
160
- * Removed the `.ck-editor-toolbar` class from the toolbar (see [ckeditor/ckeditor5-theme-lark#135](https://github.com/ckeditor/ckeditor5-theme-lark/issues/135)). ([213ddfd](https://github.com/ckeditor/ckeditor5-editor-inline/commit/213ddfd))
161
-
162
-
163
- ## [1.0.0-alpha.2](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v1.0.0-alpha.1...v1.0.0-alpha.2) (2017-11-14)
164
-
165
- ### Other changes
166
-
167
- * Aligned UI library usage to the [changes in the UI framework](https://github.com/ckeditor/ckeditor5-ui/pull/332).
168
-
169
-
170
- ## [1.0.0-alpha.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v0.2.0...v1.0.0-alpha.1) (2017-10-03)
171
-
172
- Internal changes only (updated dependencies, documentation, etc.).
173
-
174
-
175
- ## [0.2.0](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v0.1.1...v0.2.0) (2017-09-03)
176
-
177
- ### Bug fixes
178
-
179
- * `InlineEditor.create()` should be able to create an instance of its subclass. Closes [#25](https://github.com/ckeditor/ckeditor5-editor-inline/issues/25). ([1da0563](https://github.com/ckeditor/ckeditor5-editor-inline/commit/1da0563))
180
- * Editor element should be filled up with data once the editor is destroyed. Closes [#19](https://github.com/ckeditor/ckeditor5-editor-inline/issues/19). ([fe7d27b](https://github.com/ckeditor/ckeditor5-editor-inline/commit/fe7d27b))
181
- * The toolbar should not collapse when the window is narrow. Closes [#11](https://github.com/ckeditor/ckeditor5-editor-inline/issues/11). ([705dbe5](https://github.com/ckeditor/ckeditor5-editor-inline/commit/705dbe5))
182
-
183
- ### Features
184
-
185
- * The toolbar should support a vertical offset from the top of the web page. Closes [#23](https://github.com/ckeditor/ckeditor5-editor-inline/issues/23). ([01e29d5](https://github.com/ckeditor/ckeditor5-editor-inline/commit/01e29d5))
186
-
187
- ### Other changes
188
-
189
- * Renamed the InlineEditor file to "inlineeditor.js" to match the naming convention. Closes [#6](https://github.com/ckeditor/ckeditor5-editor-inline/issues/6). ([dac7551](https://github.com/ckeditor/ckeditor5-editor-inline/commit/dac7551))
190
-
191
- ### BREAKING CHANGES
192
-
193
- * The `inline.js` file containing `InlineEditor` class has been renamed to `inlineeditor.js`.
194
-
195
-
196
- ## [0.1.1](https://github.com/ckeditor/ckeditor5-editor-inline/compare/v0.1.0...v0.1.1) (2017-05-07)
197
-
198
- ### Bug fixes
199
-
200
- * The position of the floating toolbar should be updated after the editable has grown. Closes [#4](https://github.com/ckeditor/ckeditor5-editor-inline/issues/4). ([ae578b3](https://github.com/ckeditor/ckeditor5-editor-inline/commit/ae578b3))
201
-
202
-
203
- ## 0.1.0 (2017-04-05)
204
-
205
- ### Features
206
-
207
- * Introduced the inline editor. Closes: [#1](https://github.com/ckeditor/ckeditor5-editor-inline/issues/1). ([30c999f](https://github.com/ckeditor/ckeditor5-editor-inline/commit/30c999f))