19.0.0 (2020-04-29)
ViewCollection
no longer has thelocale
property.- The
ViewCollection#constructor()
no longer accepts thelocale
parameter. LabeledView
component was renamed toLabeledFieldView
. Also, its instance of a labeled component's view is available throughLabeledFieldView#fieldView
. It replaced theLabeledView#view
.
- The
DropdownView#focusTracker
property has been removed as it served no purpose.
-
Allowed defining initial items of
ViewCollection
andBodyCollection
in the constructor. See ckeditor/ckeditor5#6319. (6cd15de)The
View#createCollection()
method now also accepts an iterator of views. -
Introduce
FormHeaderView
UI component. Closes ckeditor/ckeditor5#6109. (eb1ce18) -
The
BlockToolbar
should group items when there is no place to show them all. Closes ckeditor/ckeditor5#6449. Closes ckeditor/ckeditor5#6575. Closes ckeditor/ckeditor5#6570. (fcd9c4e)Improved
ToolbarView#maxWidth
and items grouping when the toolbar is invisible.
- Call
ResizeObserver.destroy()
when destroying block toolbar. (59449d2)
- Removed the obsolete
DropdownView#focusTracker
. Closes ckeditor/ckeditor5#6548. (ac750c7) - Rename
LabeledView
component toLabeledFieldView
. See ckeditor/ckeditor5#6110. (5a7aca7) - Updated translations. (2a391d6)
18.0.0 (2020-03-19)
- The
BalloonToolbar
plugin now groups the overflowing items by default. This can be disabled by settingconfig.balloonToolbar.shouldNotGroupWhenFull
configuration totrue
.
-
The
BalloonToolbar
plugin should group items when its width is close to related editable's width. Closes ckeditor/ckeditor5#5597. Closes ckeditor/ckeditor5#5501. (d36fd23)BalloonPanelView.defaultPositions
has been extended with additional positions. Please refer to the documentation to learn more.
- Updated translations. (ace38eb)
17.0.0 (2020-02-19)
-
Created the
LabeledView
class (see ckeditor/ckeditor5-table#227). (ec39406)Also added
id
properties to theDropdownView
andLabelView
for compatibility with theLabeledView
. -
Implemented the
Toolbar#isCompact
property to turn regular toolbars into compact ones (with less spacing) (see ckeditor/ckeditor5#6112). (a6b9c09) -
Reintroduced the concept of body collections with a focus on better management of multiple editors and support for context plugins (plugins which leave outside an editor instance). Closes ckeditor/ckeditor5#5888. (23d12e9)
- Make
BlockToolbar
work with an empty configuration. Closes ckeditor/ckeditor5#5980. (1e05098)
-
Replaced the
getResizeObserver()
helper with newResizeObserver
class inToolbarView
. (be98aa4)Follow-up on: ckeditor/ckeditor5-utils#320
-
Updated translations. (b8bd38e)
16.0.0 (2019-12-04)
- Enabled keystroke preview in
ButtonView
. Implemented theButtonView#withKeystroke
property. Closes ckeditor/ckeditor5#5782. (dac8ce0)
- Use relative positioning for dropdowns to prevent ugly blurring in Chrome. Closes ckeditor/ckeditor5#1053. (95404e3)
- Updated translations. (16ee253)
15.0.0 (2019-10-23)
- The internal structure of the toolbar component has changed. Toolbar items are no longer direct descendants of the toolbar in the DOM, which may affect some integrations (mainly CSS selectors if adjustments were made to the styles).
- The editor toolbar is now responsive. Closes ckeditor/ckeditor5#416. (46911bf)
14.0.0 (2019-08-26)
- Brought support for right–to–left (RTL) languages to various UI components. See ckeditor/ckeditor5#1151. (d6c7f55)
ColorGrid
should set the#isOn
property value of newColorTiles
. See ckeditor/ckeditor5-font#51. (e89ad60)- All editor toolbars should come with the
role
andaria-label
attributes. Closes ckeditor/ckeditor5#1404. (bdede90) - Screen reader will now properly prompt errors for text inputs. Closes ckeditor/ckeditor5#1406. (3a164b7)
- The issue tracker for this package was moved to https://github.com/ckeditor/ckeditor5/issues. See ckeditor/ckeditor5#1988. (451df7b)
- Updated translations. (eca9fe6)
- The
ToolbarView
class requires the editor locale to be passed into the constructor.
13.0.2 (2019-07-10)
- Updated translations. (ad189b6)
13.0.1 (2019-07-04)
13.0.0 (2019-06-05)
- Implemented the single view mode for the
ContextualBalloon
plugin. See https://github.com/ckeditor/ckeditor5-mention/issues/74. (c000c93) - Introduced rotatable panels for
ContextualBalloon
. Closes https://github.com/ckeditor/ckeditor5-ui/issues/491. (581d8f7)
- Renamed a misspelled
InputTextViewariaDesribedById
property toInputTextView#ariaDescribedById
. Closes #483. (2288bf3) - The
_rwd.css
mixin was moved to this package from@ckeditor/ckeditor5-theme-lark
. See ckeditor/ckeditor5#1662. (96e3a3c) - The
ContextualBalloon#add()
method should accept thewithArrow
option. Closes #487. (0e7f670) - Updated translations. (4699d8b) (d4c5714)
- The (misspelled)
InputTextView#ariaDesribedById
property is no longer available. UseariaDescribedById
instead.
12.1.0 (2019-04-10)
- Implemented
ColorGridView
andColorTileView
components. See ckeditor/ckeditor5#1457. (6be52b4)
- Fixed
View#render
collision when moving focus from a one editable to the other in multi-root editor. Closes ckeditor/ckeditor5#1676. (17e86f9)
12.0.0 (2019-02-28)
- Prevented from changing the view document during the render phase. Closes ckeditor/ckeditor5#1530. (7cf835e)
- Fixed memory leaks during editor initialization and destruction (see ckeditor/ckeditor5#1341). (fd18fb9)
- The
class
property should control the DOM class attribute in all UI components. Closes #450. (b9b68c6) - Updated translations. (b9caee9) (a3afaaa) (909e676)
- Upgraded minimal versions of Node to
8.0.0
and npm to5.7.1
. See: ckeditor/ckeditor5#1507. (612ea3c) - The
BallonPanelView#className
property was renamed to#class
. - The
ToolbarView#className
property was renamed to#class
. - The
EditableUIView#externalElement
property (which held the element on which the editor was created if it was explicitly passed) was removed. - The
EditorUIView#editableElement
property was made private. Useeditor.ui.getEditableElement()
method instead.
11.2.0 (2018-12-05)
-
Added the
.ck-read-only
CSS class to theEditableUIView
when#isReadOnly
istrue
. (4119822) -
Added the optional
DropdownView#class
property to set a custom CSS class on the main element in DOM. Closes #447. (9cdcd4a)Thanks to @lucasreppewelander!
-
Implemented
LabeledInputView#infoText
to display useful hints next to the input (see ckeditor/ckeditor5-media-embed#35). (6ac03ea) -
Implemented configurable, smart
DropdownView
panel positioning. Closes #123. (8094f19)
- Improved SVG icons size. See ckeditor/ckeditor5-theme-lark#206. (ed88305)
- Updated translations. (2e409a9) (611bd04) (c6689e4) (07c4fdb)
11.1.0 (2018-10-08)
- Allowed displaying an error message next to the
LabeledInputVIew
(see ckeditor/ckeditor5-media-embed#1). (81aaea4)
11.0.0 (2018-07-18)
-
Implemented the
SwitchButtonView
. Closes #402. Closes #403. (105fbea)Also:
- Simplified the
ListItemView
class, which is now just a container forButtonView
(and others), - Moved
ListItemView#style
and#class
to theButtonView
(as#class
and#labelStyle
), - Enhanced the
addListToDropdown
utility with a better configuration (ListDropdownItemDefinition
) and the support for buttons, switch buttons, and separators, .ck-button
and.ck-list
becameflex
containers; the first one to allow complex inner structures (like the toggle) and the later to take control of complex list items (like.ck-switchbutton
).
- Simplified the
- The
BalloonToolbar
should hide when the editable is blurred. Closes #418. (f6a02d4) - The
BlockToolbar
should add elements to theFocusTracker
only afteruiReady
is fired to avoid errors. Closes #424. (ae9fa09) - The
BlockToolbar
should hide when the editor is blurred. Closes #408. (e3bbccf)
- Allowed list item's buttons to have an outer, visible box-shadow. Ensured the balloon panel's arrow does not cover panel's children. Closes #394. (8a64ee2)
- Updated translations. (949585d)
- Most of the
ListItemView
functionality is now handled by theButtonView
, - The API of the
addListToDropdown
has changed; seeListDropdownItemDefinition
to learn more, - The
.ck-button
and.ck-list
classes are usingflex
which may have an impact on rendering.
10.1.0 (2018-06-21)
- Implemented list component separators (see ckeditor/ckeditor5-table#24). (0808a8c)
- Introduced the
BlockToolbar
plugin. Closes #391. (5868516)
- The action should be executed upon the first click on a tooltip-enabled UI in iOS. Closes ckeditor/ckeditor5#920. (6508ba2)
- The balloon toolbar should be attached correctly in case of a multi-range selection. Closes #385. (714ef21)
- The buttons in the editor should provide basic accessibility. Closes ckeditor/ckeditor5#1013. (9e17d13)
- Disabling a
ListItemView
should be possible using theisEnabled
property. Closes #389. (76a4d47) - Made the
ContextualBalloon
always use the position of the topmost view in the stack (see: ckeditor/ckeditor5-table#28). Closes ckeditor/ckeditor5#900. (a2ef073) - Updated translations. (084e8c6)
10.0.0 (2018-04-25)
- Changed the license to GPL2+ only. See ckeditor/ckeditor5#991. (f1e5fbf)
- 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 for more information.
1.0.0-beta.4 (2018-04-19)
Internal changes only (updated dependencies, documentation, etc.).
1.0.0-beta.2 (2018-04-10)
- Renamed plural method names to singular. See ckeditor/ckeditor5#742. (48cd53d)
View#registerChildren()
andView#deregisterChildren()
have been renamed toView#registerChild()
andView#deregisterChild()
.
1.0.0-beta.1 (2018-03-15)
-
Implemented the
IconView#fillColor
observable which fills child.ck-icon__fill
paths with the color (see ckeditor/ckeditor5-theme-lark#148). (728a691) -
Initial implementation of the
ButtonDropdownView
. Closes #333. (6e9c6e4)Also:
- Allowed vertical layout of the
ToolbarView
thanks to the#isVertical
attribute. - Implemented
ToolbarView#className
attribute. - Implemented
DropdownView#isEnabled
attribute along with the CSS class binding.
- Allowed vertical layout of the
-
Updated UI components to bring the support for the refreshed Lark theme (see ckeditor/ckeditor5#645). (623d536)
- Button icon styles should not touch the dropdown's arrow. Closes ckeditor/ckeditor5#831. (507549f)
- Added a CSS class to the SplitButtonView when the arrow is on (see ckeditor/ckeditor5-theme-lark#134). (d490d61)
- Added the
.ck-content
CSS class to theEditableUIView
in order to simplify styling the editor content. Closes #176. (f38ae70) - Align feature class naming to a new scheme. (1c500f6)
- Aligned code to changes (
config.lang
toconfig.languages
). Part of the Translation Service v2 (ckeditor/ckeditor5#624). (876f681) - ComponentFactory.names() will return original component names (instead of normalized names). Closes #376. (b6b39d7)
- CSS classes should be prefixed with
ck-
instead ofcke-
. Closes #112. (7973f83) - Introduced
SplitButtonView
and new dropdown creation helpers (createDropdown()
,addListToDropdown()
andaddToolbarToDropdown()
) Closes #344. Closes #356. (0f26ca8) - Migrated the package styles from SASS to PostCSS to bring theme support and avoid duplicates in some editor builds. Closes #144. Closes ckeditor/ckeditor5#420. (f152dfc)
- Moved ck-button-icon mixin from ckeditor5-theme-lark. (8757d27)
- Removed the
.ck-editor-toolbar
and.ck-editor-toolbar-container
classes (see ckeditor/ckeditor5-theme-lark#135). (352d056) - Rename
ContextualToolbar
toBalloonToolbar
. Closes ckeditor/ckeditor5#550. (28f59df) - The
closeDropdownOnBlur()
helper should useclickOutsideHandler()
. Decorated theView#render()
method. Closes #311. (269e97b) - Updated translations. (f657be2)
- Renamed
contextual/contextualtoolbar~ContextualToolbar
toballoon/balloontoolbar~BalloonToolbar
. - Renamed
contextualToolbar
configuration option toballoonToolbar
. - Removed
DropdownModel
interface – you can use dropdown properties directly now. See #356. - Removed
createButtonDropdown()
andButtonDropdownView
. See #356. - Removed
createListDropdown()
andListDropdownView
. See #356. - The DOM structure of the dropdown component has changed. Please refer to the documentation to find out more.
- Basic properties of the balloon panel component have changed (i.e. the location of the arrow, the default positions), which may have an impact on existing integrations.
- The styles are no longer developed in SASS which means the
.scss
files became unavailable. Please refer to the Theme Customization guide to learn more about migration to PostCSS.
1.0.0-alpha.2 (2017-11-14)
Template#getViews()
generator should not traverse native HTML elements. Closes #337. Closes ckeditor/ckeditor5#657. (894bad0)- Improved binding of the
value
attribute inInputTextView
. Closes #335. (823120b)
-
Implemented
View#render()
method which replaces rendering the#element
upon the first access and incorporates the#init()
method functionality. Closes #262. Closes #302. (bf90ad5)In other words – the
View#render()
method needs to be called to render a view and it sets theView#element
itself. It can be called only once and it is done automatically if a view is added to some other view (as its child). If you need to add any additional logic to your component's initialization, then override therender()
method (and remember to callsuper.render()
).Additionally, from now on
View#setTemplate()
andView#extendTemplate()
methods are recommended as a shorthand forview.template = new Template( { ... } )
andTemplate.extend( view.template )
.Please refer to the updated documentation to learn more.
-
Removed legacy
width
andheight
attributes from theBoxedEditorUIView
. Closes #25. (ffa419a) -
The
ComponentFactory
should be case-insensitive. Closes #324. (94417e9) -
Updated translations. (186f365)
- The
View#init()
method in UI components has been renamed torender()
. Please refer to the documentation to learn more. - The
View#element
is no longer a getter which renders an element when first referenced. Use theView#render()
method instead. Template#children
property became anArray
(previouslyViewCollection
).View#addChildren()
andView#removeChildren()
methods became#registerChildren()
and#deregisterChildren()
.- The DOM structure of the
StickyPanelView
has changed along with the class names. Please refer to the component documentation to learn more.
1.0.0-alpha.1 (2017-10-03)
ContextualBalloon
should remember position passed to#updatePosition()
. Closes #305. Closes ckeditor/ckeditor5-image#141. (c787c0d)ContextualToolbar
should not be positioned to a zero–width DOM rect when invoked for a multi-line forward selection. Closes #308. (00b701b)ContextualToolbar
will accept the object format ofconfig.contextualToolbar
. Closes #316. (d71cad8)- Fixed sticky panel's
z-index
so it's correctly rendered above images (or other relatively positioned elements). Closes #315. (00f2add) - The content of the
BalloonPanelView
should be selectable. Closes #294. Closes ckeditor/ckeditor5#498. (e5315df)
- Implemented
View#removeChildren()
, the opposite ofView#addChildren()
. Closes #303. (0f1ea5a) - Replaced
StickyToolbarView
with a genericStickyPanelView
. Closes #297. (b10b43c)
ToolbarView#fillFromConfig()
will warn when the factory does not provide a component. Closes #291. Closes ckeditor/ckeditor5#526. (2e63e70)- The
escPressHandler
function should be replaced by theKeystrokeHandler
. Closes #150. (b322744)
Toolbar#fillFromConfig()
cannot be now called with anundefined
. Make sure to usenormalizeToolbarConfig()
to get a reliable object.- The
escPressHandler
is no longer available. Please refer to theKeystrokeHandler
helper to learn more. - The
StickyToolbarView
and corresponding CSS.ck-sticky-panel
classes are no longer available.StickyPanelView
+ToolbarView
combo should be used instead.
0.10.0 (2017-09-03)
ContextualToolbar
should have proper editor toolbar styling. Closes #230. (4e2ee36)- BalloonPanelView should prevent native #selectstart event. Closes #243. (cba3fb1)
- Button tooltip should not look blurry on low-DPI screens. Closes #142. Closes #133. (a497aff)
- Clicking and dragging in a dropdown panel should not break the selection. Closes #228. (6066a09)
- Contextual toolbar should re–position correctly on window scroll. Closes #227. (e5ea25f)
DropdownView
should open upon arrow down key press. Closes #249. (c1e6afc)- List items should handle Enter and Space key press when focused. Closes #153. (403b64a)
- The
clickOutsideHandler
helper should usemousedown
instead ofmouseup
event. Closes #281. (6b980b6) - The
Template
class should not throw an error when a child view in the definition has anid
attribute set without a value. Closes #289. (d7072ba) - The
TooltipView
should hide when theTooltipView#text
is empty. TheButtonView's
ability to get a tooltip should not be restricted afterView
initialization. Closes #283. (1588c82) - The dropdown menu should not open using the keyboard when disabled. Closes #238. (fc524b8)
-
StickyToolbarView
now supports a configurable vertical offset from the top of the page. Closes #277. (245f0fa)Also implemented the
normalizeToolbarConfig()
utility. -
Added
TextInputView#isReadOnly
andLabeledInputView#isReadOnly
states. Closes #266. Closes #268. (111a728) -
Allowed
BalloonPanelView
position limiter defined as a function. MadeContextualBalloon
position limiter configurable via#positionLimiter
property. Closes #260. (322563e) -
Implemented placeholder in
InputTextView
. Closes #220. (5d91d18)
- Add support for multiple context elements in the
clickOutsideHandler
helper. Closes #261. (9da5bf7) - Added the
beforeShow
event to theContextualToolbar
plugin. Closes #222. (835d0ac) - Implemented public
show()
andhide()
methods in theContextualToolbar
plugin. Closes #263. (eb4caab) - Improvements in the
BalloonPanelView
–based components for the balloon toolbar editor. Closes #236. Closes #234. Closes #224. (737b55f) - Made the UI component initialization and destruction processes synchronous. Closes #225. (07e1502)
- Made the UI destruction a fail–safe, repeatable process. Closes #248. (6f5ec0d)
- The
ContextualToolbar
should not show up when all child items are disabled. TheContextualToolbar#beforeShow
event has been replaced byContextualToolbar#show
. Closes #269. Closes #232. (d83d07d)
StickyToolbarView#limiterOffset
has been renamed toStickyToolbarView#limiterBottomOffset
.ContextualToolbar#beforeShow
is no longer available. Please refer toContextualToolbar#show
instead.- The
clickOutsideHandler
helper'scontextElement
config option is now anArray
namedcontextElements
. View#init()
,View#destroy()
(alsoViewCollection#init()
,ViewCollection#destroy()
andViewCollection#add()
) no longer returnPromise
. It may require updates in UI components which inherit fromView
and rely on the value returned by these methods.- Various UI components switched to synchronous
init()
anddestroy()
(no longer returningPromise
), which means that features using these components may need some updates to work properly. - The position names in
BalloonPanelView.defaultPositions
and their results have changed. Please refer to the latest API documentation to learn more.
0.9.0 (2017-05-07)
-
BalloonPanelView
should not be focusable. Closes #206. (f9e3bb7)T/206a: BalloonPanelView should not be focusable
-
ContextualBalloon plugin should use BalloonPanelView#pin instead of #attachTo. Closes #192. (28dd457)
-
ContextualBalloon.view#element should be registered in editor's focus tracker. Closes #193. (cfbe329)
-
FocusCycler should ignore invisible views. Closes #209. (b8fbaf1)
T/209: FocusCycler should not consider invisible views.
-
ViewCollection#destroy should wait for all ViewCollection#add promises to resolve to avoid errors. Closes #203. (a7e7c94)
-
Added keepAttachedTo() method to the BalloonPanelView. Closes #170. (101b465)
-
Introduced
ContextualToolbar
plugin. Closes #182. Closes #187. (66a30b1)Introduced several new positions in
BalloonPanelView#defaultPositions
. AddedclassName
attribute to theBalloonPanelView
interface.BREAKING CHANGE: Default positions of the
BalloonPanelView
have been renamed.BREAKING CHANGE: Class names controlling the arrow of the panel have been renamed.
-
Introduced ContextualBalloon plugin for managing contextual balloons. Closes #134. (3ceb6a6)
-
Improved ContextualBalloon so it supports asynchronous Views. Closes #200. (09067aa)
-
Merged
FloatingPanelView
intoBalloonPanelView
. Closes #191. (4b90faa)BREAKING CHANGE:
FloatingPanelView
is no longer available. BREAKING CHANGE:BalloonPanelView#keepAttachedTo()
has been replaced bypin()
. BREAKING CHANGE: Default position names inBalloonPanelView.defaultPositions
have changed. Now prefixed witharrow_
. -
Updated translations. (3455fe7)
- Default positions of the
BalloonPanelView
have been renamed. - Class names controlling the arrow of the panel have been renamed.
FloatingPanelView
is no longer available.BalloonPanelView#keepAttachedTo()
has been replaced bypin()
.- Default position names in
BalloonPanelView.defaultPositions
have changed. Now prefixed witharrow_
.
0.8.0 (2017-04-05)
- Allowed marking ListItemView active using the #isActive attribute. Closes #166. (a19d6c4)
- Enabled styling via "class" attribute in ListItemView. Closes #162. (672bf82)
- Implemented features necessary for creating inline editors UI –
FloatingPanelView
class,Template.revert()
method andenableToolbarKeyboardFocus()
util. Closes #152. (cb606d7)
ComponentFactory
will throw an error when attempting to create a non-existent component. Closes #174. (ef0a7f8)- Imported "ck-hidden" CSS class from ckeditor5-theme-lark. Closes #164. (486bb22)
- Moved
ViewCollection#bindTo
method toCollection
class inckeditor5-utils
. Closes #168. (5b55987) - Updated translations. (3b27e51)
ViewCollection#bindTo.as
is renamed toCollection#bindTo.using
when mapping function is a parameter. SeeCollection#bindTo
docs.- The
ui/balloonpanel/balloonpanelview
module was renamed toui/panel/balloon/balloonpanelview
. See #152.
0.7.1 (2017-03-06)
- Uploaded translations. (67ba32b)