@ckeditor/ckeditor5-ui
Advanced tools
Comparing version 0.0.0-nightly-20240725.0 to 0.0.0-nightly-20240726.0
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
@@ -6,4 +6,4 @@ /** | ||
import type { Translations } from 'ckeditor5'; | ||
import type { Translations } from '@ckeditor/ckeditor5-utils'; | ||
declare const translations: Translations; | ||
export default translations; |
{ | ||
"name": "@ckeditor/ckeditor5-ui", | ||
"version": "0.0.0-nightly-20240725.0", | ||
"version": "0.0.0-nightly-20240726.0", | ||
"description": "The UI framework and standard UI library of CKEditor 5.", | ||
@@ -15,4 +15,4 @@ "keywords": [ | ||
"dependencies": { | ||
"@ckeditor/ckeditor5-core": "0.0.0-nightly-20240725.0", | ||
"@ckeditor/ckeditor5-utils": "0.0.0-nightly-20240725.0", | ||
"@ckeditor/ckeditor5-core": "0.0.0-nightly-20240726.0", | ||
"@ckeditor/ckeditor5-utils": "0.0.0-nightly-20240726.0", | ||
"color-convert": "2.0.1", | ||
@@ -19,0 +19,0 @@ "color-parse": "1.4.2", |
@@ -114,2 +114,6 @@ /** | ||
/** | ||
* An instance of resize observer used to detect if target element is still visible. | ||
*/ | ||
private _resizeObserver; | ||
/** | ||
* @inheritDoc | ||
@@ -119,2 +123,6 @@ */ | ||
/** | ||
* @inheritDoc | ||
*/ | ||
destroy(): void; | ||
/** | ||
* Shows the panel. | ||
@@ -162,4 +170,6 @@ * | ||
* Default `positions` array is {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}. | ||
* @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target | ||
* provided in the options is invisible (e.g. element detached from DOM). | ||
*/ | ||
attachTo(options: Partial<PositionOptions>): void; | ||
attachTo(options: Partial<PositionOptions>): boolean; | ||
/** | ||
@@ -208,2 +218,4 @@ * Works the same way as the {@link #attachTo} method except that the position of the panel is | ||
* @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}. | ||
* @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target | ||
* provided in the options is invisible (e.g. element detached from DOM). | ||
*/ | ||
@@ -210,0 +222,0 @@ private _startPinning; |
@@ -9,3 +9,3 @@ /** | ||
import View from '../../view.js'; | ||
import { getOptimalPosition, global, isRange, toUnit } from '@ckeditor/ckeditor5-utils'; | ||
import { getOptimalPosition, global, isRange, toUnit, isVisible, ResizeObserver } from '@ckeditor/ckeditor5-utils'; | ||
import { isElement } from 'lodash-es'; | ||
@@ -83,2 +83,3 @@ import '../../../theme/components/panel/balloonpanel.css'; | ||
this._pinWhenIsVisibleCallback = null; | ||
this._resizeObserver = null; | ||
this.content = this.createCollection(); | ||
@@ -105,2 +106,9 @@ this.setTemplate({ | ||
/** | ||
* @inheritDoc | ||
*/ | ||
destroy() { | ||
this.hide(); | ||
super.destroy(); | ||
} | ||
/** | ||
* Shows the panel. | ||
@@ -152,4 +160,10 @@ * | ||
* Default `positions` array is {@link module:ui/panel/balloon/balloonpanelview~BalloonPanelView.defaultPositions}. | ||
* @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target | ||
* provided in the options is invisible (e.g. element detached from DOM). | ||
*/ | ||
attachTo(options) { | ||
const target = getDomElement(options.target); | ||
if (target && !isVisible(target)) { | ||
return false; | ||
} | ||
this.show(); | ||
@@ -187,2 +201,3 @@ const defaultPositions = BalloonPanelView.defaultPositions; | ||
this.withArrow = withArrow; | ||
return true; | ||
} | ||
@@ -225,2 +240,5 @@ /** | ||
this.unpin(); | ||
if (!this._startPinning(options)) { | ||
return; | ||
} | ||
this._pinWhenIsVisibleCallback = () => { | ||
@@ -234,3 +252,2 @@ if (this.isVisible) { | ||
}; | ||
this._startPinning(options); | ||
// Control the state of the listeners depending on whether the panel is visible | ||
@@ -259,5 +276,9 @@ // or not. | ||
* @param options Positioning options compatible with {@link module:utils/dom/position~getOptimalPosition}. | ||
* @returns Whether the balloon was shown and successfully attached or not. Attaching can fail if the target | ||
* provided in the options is invisible (e.g. element detached from DOM). | ||
*/ | ||
_startPinning(options) { | ||
this.attachTo(options); | ||
if (!this.attachTo(options)) { | ||
return false; | ||
} | ||
const targetElement = getDomElement(options.target); | ||
@@ -282,2 +303,15 @@ const limiterElement = options.limiter ? getDomElement(options.limiter) : global.document.body; | ||
}); | ||
// Hide the panel if the target element is no longer visible. | ||
if (targetElement && !this._resizeObserver) { | ||
const checkVisibility = () => { | ||
// If the target element is no longer visible, hide the panel. | ||
if (!isVisible(targetElement)) { | ||
this.unpin(); | ||
} | ||
}; | ||
// Element is being resized to 0x0 after it's parent became hidden, | ||
// so we need to check size in order to determine if it's visible or not. | ||
this._resizeObserver = new ResizeObserver(targetElement, checkVisibility); | ||
} | ||
return true; | ||
} | ||
@@ -290,2 +324,6 @@ /** | ||
this.stopListening(global.window, 'resize'); | ||
if (this._resizeObserver) { | ||
this._resizeObserver.destroy(); | ||
this._resizeObserver = null; | ||
} | ||
} | ||
@@ -292,0 +330,0 @@ /** |
@@ -97,9 +97,2 @@ /** | ||
/** | ||
* An instance of the resize observer that keeps track on target element visibility, | ||
* when it hides the tooltip should also disappear. | ||
* | ||
* {@link module:core/editor/editorconfig~EditorConfig#balloonToolbar configuration}. | ||
*/ | ||
private _resizeObserver; | ||
/** | ||
* An instance of the mutation observer that keeps track on target element attributes changes. | ||
@@ -106,0 +99,0 @@ */ |
@@ -10,3 +10,3 @@ /** | ||
import BalloonPanelView from './panel/balloon/balloonpanelview.js'; | ||
import { DomEmitterMixin, ResizeObserver, first, global, isVisible } from '@ckeditor/ckeditor5-utils'; | ||
import { DomEmitterMixin, first, global, isVisible } from '@ckeditor/ckeditor5-utils'; | ||
import { isElement, debounce } from 'lodash-es'; | ||
@@ -85,9 +85,2 @@ import '../theme/components/tooltip/tooltip.css'; | ||
/** | ||
* An instance of the resize observer that keeps track on target element visibility, | ||
* when it hides the tooltip should also disappear. | ||
* | ||
* {@link module:core/editor/editorconfig~EditorConfig#balloonToolbar configuration}. | ||
*/ | ||
this._resizeObserver = null; | ||
/** | ||
* An instance of the mutation observer that keeps track on target element attributes changes. | ||
@@ -324,9 +317,2 @@ */ | ||
}); | ||
this._resizeObserver = new ResizeObserver(targetDomElement, () => { | ||
// The ResizeObserver will call its callback when the target element hides and the tooltip | ||
// should also disappear (https://github.com/ckeditor/ckeditor5/issues/12492). | ||
if (!isVisible(targetDomElement)) { | ||
this._unpinTooltip(); | ||
} | ||
}); | ||
this._mutationObserver.attach(targetDomElement); | ||
@@ -355,5 +341,2 @@ // Start responding to changes in editor UI or content layout. For instance, when collaborators change content | ||
this.tooltipTextView.text = ''; | ||
if (this._resizeObserver) { | ||
this._resizeObserver.destroy(); | ||
} | ||
this._mutationObserver.detach(); | ||
@@ -360,0 +343,0 @@ } |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
6292222
61283
+ Added@ckeditor/ckeditor5-core@0.0.0-nightly-20240726.0(transitive)
+ Added@ckeditor/ckeditor5-engine@0.0.0-nightly-20240726.0(transitive)
+ Added@ckeditor/ckeditor5-utils@0.0.0-nightly-20240726.0(transitive)
+ Added@ckeditor/ckeditor5-watchdog@0.0.0-nightly-20240726.0(transitive)
- Removed@ckeditor/ckeditor5-core@0.0.0-nightly-20240725.0(transitive)
- Removed@ckeditor/ckeditor5-engine@0.0.0-nightly-20240725.0(transitive)
- Removed@ckeditor/ckeditor5-utils@0.0.0-nightly-20240725.0(transitive)
- Removed@ckeditor/ckeditor5-watchdog@0.0.0-nightly-20240725.0(transitive)