Socket
Socket
Sign inDemoInstall

@ckeditor/ckeditor5-ui

Package Overview
Dependencies
Maintainers
1
Versions
611
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ckeditor/ckeditor5-ui - npm Package Compare versions

Comparing version 0.0.0-nightly-20240725.0 to 0.0.0-nightly-20240726.0

dist/arialiveannouncer.d.ts

2

dist/translations/af.d.ts

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc