@ckeditor/ckeditor5-ui 40.1.0 → 41.0.0

package/src/colorpicker/colorpickerview.js

@@ -1,16 +1,16 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/colorpicker/colorpickerview
  */
-import { convertColor, convertToHex } from './utils';
+import { convertColor, convertToHex } from './utils.js';
 import { global, env } from '@ckeditor/ckeditor5-utils';
 import { debounce } from 'lodash-es';
-import View from '../view';
-import LabeledFieldView from '../labeledfield/labeledfieldview';
-import { createLabeledInputText } from '../labeledfield/utils';
+import View from '../view.js';
+import LabeledFieldView from '../labeledfield/labeledfieldview.js';
+import { createLabeledInputText } from '../labeledfield/utils.js';
 import 'vanilla-colorful/hex-color-picker.js';
 import '../../theme/components/colorpicker/colorpicker.css';
 const waitingTime = 150;

package/src/colorpicker/utils.d.ts

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

package/src/colorpicker/utils.js

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

package/src/colorselector/colorgridsfragmentview.d.ts

@@ -1,17 +1,18 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/colorselector/colorgridsfragmentview
  */
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import ColorGridView, { type ColorDefinition } from '../colorgrid/colorgridview';
-import DocumentColorCollection from './documentcolorcollection';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import ColorGridView, { type ColorDefinition } from '../colorgrid/colorgridview.js';
+import DocumentColorCollection from './documentcolorcollection.js';
 import type { Model } from '@ckeditor/ckeditor5-engine';
 import type { FocusTracker, Locale } from '@ckeditor/ckeditor5-utils';
-import type ViewCollection from '../viewcollection';
+import type ViewCollection from '../viewcollection.js';
+import type { FocusableView } from '../focuscycler.js';
 /**
  * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
  *
@@ -94,7 +95,7 @@ export default class ColorGridsFragmentView extends View {
      *
      * @readonly
      */
-    protected _focusables: ViewCollection;
+    protected _focusables: ViewCollection<FocusableView>;
     /**
      * Document color section's label.
      *
@@ -130,7 +131,7 @@ export default class ColorGridsFragmentView extends View {
         documentColorsLabel?: string;
         documentColorsCount?: number;
         focusTracker: FocusTracker;
-        focusables: ViewCollection;
+        focusables: ViewCollection<FocusableView>;
     });
     /**
      * Scans through the editor model and searches for text node attributes with the given attribute name.

package/src/colorselector/colorgridsfragmentview.js

@@ -1,19 +1,19 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/colorselector/colorgridsfragmentview
  */
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import ColorGridView from '../colorgrid/colorgridview';
-import ColorTileView from '../colorgrid/colortileview';
-import LabelView from '../label/labelview';
-import Template from '../template';
-import DocumentColorCollection from './documentcolorcollection';
-import removeButtonIcon from '@ckeditor/ckeditor5-core/theme/icons/eraser.svg';
-import colorPaletteIcon from '../../theme/icons/color-palette.svg';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import ColorGridView from '../colorgrid/colorgridview.js';
+import ColorTileView from '../colorgrid/colortileview.js';
+import LabelView from '../label/labelview.js';
+import Template from '../template.js';
+import DocumentColorCollection from './documentcolorcollection.js';
+import { icons } from '@ckeditor/ckeditor5-core';
+const { eraser: removeButtonIcon, colorPalette: colorPaletteIcon } = icons;
 /**
  * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
  *

package/src/colorselector/colorpickerfragmentview.d.ts

@@ -1,16 +1,17 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/colorselector/colorpickerfragmentview
  */
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import type ViewCollection from '../viewcollection';
-import { default as ColorPickerView } from '../colorpicker/colorpickerview';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import type ViewCollection from '../viewcollection.js';
+import type { FocusableView } from '../focuscycler.js';
+import { default as ColorPickerView } from '../colorpicker/colorpickerview.js';
 import type { FocusTracker, KeystrokeHandler, Locale } from '@ckeditor/ckeditor5-utils';
-import type { ColorPickerViewConfig } from '../colorpicker/utils';
+import type { ColorPickerViewConfig } from '../colorpicker/utils.js';
 /**
  * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
  *
@@ -64,7 +65,7 @@ export default class ColorPickerFragmentView extends View {
      *
      * @readonly
      */
-    protected _focusables: ViewCollection;
+    protected _focusables: ViewCollection<FocusableView>;
     /**
      * A reference to the configuration of {@link #colorPickerView}. `false` when the view was
      * configured without a color picker.
@@ -84,7 +85,7 @@ export default class ColorPickerFragmentView extends View {
      */
     constructor(locale: Locale, { focusTracker, focusables, keystrokes, colorPickerViewConfig }: {
         focusTracker: FocusTracker;
-        focusables: ViewCollection;
+        focusables: ViewCollection<FocusableView>;
         keystrokes: KeystrokeHandler;
         colorPickerViewConfig: ColorPickerViewConfig | false;
     });

package/src/colorselector/colorpickerfragmentview.js

@@ -1,15 +1,14 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/colorselector/colorpickerfragmentview
  */
-import View from '../view';
-import ButtonView from '../button/buttonview';
-import { default as ColorPickerView } from '../colorpicker/colorpickerview';
-import checkButtonIcon from '@ckeditor/ckeditor5-core/theme/icons/check.svg';
-import cancelButtonIcon from '@ckeditor/ckeditor5-core/theme/icons/cancel.svg';
+import View from '../view.js';
+import ButtonView from '../button/buttonview.js';
+import { default as ColorPickerView } from '../colorpicker/colorpickerview.js';
+import { icons } from '@ckeditor/ckeditor5-core';
 /**
  * One of the fragments of {@link module:ui/colorselector/colorselectorview~ColorSelectorView}.
  *
@@ -163,14 +162,14 @@ export default class ColorPickerFragmentView extends View {
         const saveButtonView = new ButtonView(locale);
         const cancelButtonView = new ButtonView(locale);
         saveButtonView.set({
-            icon: checkButtonIcon,
+            icon: icons.check,
             class: 'ck-button-save',
             type: 'button',
             withText: false,
             label: t('Accept')
         });
         cancelButtonView.set({
-            icon: cancelButtonIcon,
+            icon: icons.cancel,
             class: 'ck-button-cancel',
             type: 'button',
             withText: false,

package/src/colorselector/colorselectorview.d.ts

@@ -1,19 +1,19 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/colorselector/colorselectorview
  */
-import FocusCycler from '../focuscycler';
-import View from '../view';
-import ViewCollection from '../viewcollection';
+import FocusCycler, { type FocusableView } from '../focuscycler.js';
+import View from '../view.js';
+import ViewCollection from '../viewcollection.js';
 import { FocusTracker, KeystrokeHandler, type Locale } from '@ckeditor/ckeditor5-utils';
-import type { ColorPickerViewConfig } from '../colorpicker/utils';
-import type { ColorDefinition } from '../colorgrid/colorgridview';
+import type { ColorPickerViewConfig } from '../colorpicker/utils.js';
+import type { ColorDefinition } from '../colorgrid/colorgridview.js';
 import type { Model } from '@ckeditor/ckeditor5-engine';
-import ColorGridsFragmentView from './colorgridsfragmentview';
-import ColorPickerFragmentView from './colorpickerfragmentview';
+import ColorGridsFragmentView from './colorgridsfragmentview.js';
+import ColorPickerFragmentView from './colorpickerfragmentview.js';
 import '../../theme/components/colorselector/colorselector.css';
 /**
  * The configurable color selector view class. It allows users to select colors from a predefined set of colors as well as from
@@ -111,7 +111,7 @@ export default class ColorSelectorView extends View {
      *
      * @readonly
      */
-    protected _focusables: ViewCollection;
+    protected _focusables: ViewCollection<FocusableView>;
     /**
      * The configuration of color picker sub-component.
      */

package/src/colorselector/colorselectorview.js

@@ -1,16 +1,16 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/colorselector/colorselectorview
  */
-import FocusCycler from '../focuscycler';
-import View from '../view';
-import ViewCollection from '../viewcollection';
+import FocusCycler from '../focuscycler.js';
+import View from '../view.js';
+import ViewCollection from '../viewcollection.js';
 import { FocusTracker, KeystrokeHandler } from '@ckeditor/ckeditor5-utils';
-import ColorGridsFragmentView from './colorgridsfragmentview';
-import ColorPickerFragmentView from './colorpickerfragmentview';
+import ColorGridsFragmentView from './colorgridsfragmentview.js';
+import ColorPickerFragmentView from './colorpickerfragmentview.js';
 import '../../theme/components/colorselector/colorselector.css';
 /**
  * The configurable color selector view class. It allows users to select colors from a predefined set of colors as well as from

package/src/colorselector/documentcolorcollection.d.ts

@@ -1,11 +1,11 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
  * @module ui/colorselector/documentcolorcollection
  */
-import type { ColorDefinition } from '../colorgrid/colorgridview';
+import type { ColorDefinition } from '../colorgrid/colorgridview.js';
 import { Collection, type CollectionAddEvent, type CollectionRemoveEvent, type CollectionChangeEvent } from '@ckeditor/ckeditor5-utils';
 declare const DocumentColorCollection_base: import("@ckeditor/ckeditor5-utils").Mixed<{
     new (options?: {

package/src/colorselector/documentcolorcollection.js

@@ -1,5 +1,5 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 import { Collection, ObservableMixin } from '@ckeditor/ckeditor5-utils';

package/src/componentfactory.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  */
 /**
@@ -7,7 +7,7 @@
  */
 import { type Locale } from '@ckeditor/ckeditor5-utils';
 import type { Editor } from '@ckeditor/ckeditor5-core';
-import type View from './view';
+import type View from './view.js';
 /**
  * A helper class implementing the UI component ({@link module:ui/view~View view}) factory.
  *

package/src/componentfactory.js

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

package/src/dialog/dialog.d.ts

@@ -0,0 +1,273 @@
+/**
+ * @license Copyright (c) 2003-2024, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/dialog/dialog
+ */
+import type View from '../view.js';
+import { type Editor, Plugin } from '@ckeditor/ckeditor5-core';
+import DialogView, { DialogViewPosition } from './dialogview.js';
+import type { DialogActionButtonDefinition } from './dialogactionsview.js';
+/**
+ * The dialog controller class. It is used to show and hide the {@link module:ui/dialog/dialogview~DialogView}.
+ */
+export default class Dialog extends Plugin {
+    /**
+     * The name of the currently visible dialog view instance.
+     *
+     * @observable
+     */
+    id: string | null;
+    /**
+     * The currently visible dialog view instance.
+     */
+    view?: DialogView;
+    /**
+     * The `Dialog` plugin instance which most recently showed the dialog.
+     *
+     * Only one dialog can be visible at once, even if there are many editor instances on the page.
+     * If an editor wants to show a dialog, it should first hide the dialog that is already opened.
+     * But only the `Dialog` instance that showed the dialog is able able to properly hide it.
+     * This is why we need to store it in a globally available space (static property).
+     * This way every `Dialog` plugin in every editor is able to correctly close any open dialog window.
+     */
+    private static _visibleDialogPlugin;
+    /**
+     * A flag indicating whether the dialog is currently visible.
+     *
+     * @observable
+     */
+    isOpen: boolean;
+    /**
+     * A configurable callback called when the dialog is hidden.
+     */
+    private _onHide;
+    /**
+     * @inheritDoc
+     */
+    static get pluginName(): "Dialog";
+    /**
+     * @inheritDoc
+     */
+    constructor(editor: Editor);
+    /**
+     * Initiates listeners for the `show` and `hide` events emitted by this plugin.
+     *
+     * We couldn't simply decorate the {@link #show} and {@link #hide} methods to fire events,
+     * because they would be fired in the wrong order - first would be `show` and then `hide`
+     * (because showing the dialog actually starts with hiding the previously visible one).
+     * Hence, we added private methods {@link #_show} and {@link #_hide} which are called on events
+     * in the desired sequence.
+     */
+    private _initShowHideListeners;
+    /**
+     * Initiates keystroke handler for toggling the focus between the editor and dialog view.
+     */
+    private _initFocusToggler;
+    /**
+     * Provides an integration between the root attaching and detaching and positioning of the view.
+     */
+    private _initMultiRootIntegration;
+    /**
+     * Displays a dialog window.
+     *
+     * This method requires a {@link ~DialogDefinition} that defines dialog's content, title, icon, action buttons, etc.
+     *
+     * For example, the following definition will create a dialog with:
+     * * a header consisting of an icon, a title and a "Close" button (it's added by default),
+     * * a content consisting of a view with a single paragraph,
+     * * a footer consisting of two buttons: "Yes" and "No".
+     *
+     * ```js
+     * // Create the view that will be used as the dialog's content.
+     * const textView = new View( locale );
+     *
+     * textView.setTemplate( {
+     * 	tag: 'div',
+     * 	attributes: {
+     * 		style: {
+     * 			padding: 'var(--ck-spacing-large)',
+     * 			whiteSpace: 'initial',
+     * 			width: '100%',
+     * 			maxWidth: '500px'
+     * 		},
+     * 		tabindex: -1
+     * 	},
+     * 	children: [
+     * 		'Lorem ipsum dolor sit amet...'
+     * 	]
+     * } );
+     *
+     * // Show the dialog.
+     * editor.plugins.get( 'Dialog' ).show( {
+     *	id: 'myDialog',
+     * 	icon: 'myIcon', // this should be an SVG string
+     * 	title: 'My dialog',
+     * 	content: textView,
+     * 	actionButtons: [
+     *		{
+     *			label: t( 'Yes' ),
+     *			class: 'ck-button-action',
+     *			withText: true,
+     *			onExecute: () => dialog.hide()
+     *		},
+     *		{
+     *			label: t( 'No' ),
+     *			withText: true,
+     *			onExecute: () => dialog.hide()
+     *		}
+     *	]
+     * } );
+     * ```
+     *
+     * By specifying the {@link ~DialogDefinition#onShow} and {@link ~DialogDefinition#onHide} callbacks
+     * it's also possible to add callbacks that will be called when the dialog is shown or hidden.
+     *
+     * For example, the callbacks in the following definition:
+     * * disable the default behavior of the `Esc` key,
+     * * fire a custom event when the dialog gets hidden.
+     *
+     * ```js
+     * editor.plugins.get( 'Dialog' ).show( {
+     * 	// ...
+     * 	onShow: dialog => {
+     * 		dialog.view.on( 'close', ( evt, data ) => {
+     * 			// Only prevent the event from `Esc` key - don't affect the other ways of closing the dialog.
+     * 			if ( data.source === 'escKeyPress' ) {
+     * 				evt.stop();
+     * 			}
+     * 		} );
+     * 	},
+     * 	onHide: dialog => {
+     * 		dialog.fire( 'dialogDestroyed' );
+     * 	}
+     * } );
+     * ```
+     *
+     * Internally, calling this method:
+     * 1. Hides the currently visible dialog (if any) calling the {@link #hide} method
+     * (fires the {@link ~DialogHideEvent hide event}).
+     * 2. Fires the {@link ~DialogShowEvent show event} which allows for adding callbacks that customize the
+     * behavior of the dialog.
+     * 3. Shows the dialog.
+     */
+    show(dialogDefinition: DialogDefinition): void;
+    /**
+     * Handles creating the {@link module:ui/dialog/dialogview~DialogView} instance and making it visible.
+     */
+    private _show;
+    /**
+     * Hides the dialog. This method is decorated to enable interacting on the {@link ~DialogHideEvent hide event}.
+     *
+     * See {@link #show}.
+     */
+    hide(): void;
+    /**
+     * Destroys the {@link module:ui/dialog/dialogview~DialogView} and cleans up the stored dialog state.
+     */
+    private _hide;
+}
+/**
+ * The definition that describes a dialog window and its content. Passed to the {@link module:ui/dialog/dialog~Dialog#show} method.
+ */
+export interface DialogDefinition {
+    /**
+     * A unique identifier of the dialog. Allows for distinguishing between different dialogs and their visibility.
+     * For instance, when open, the id of currently visible dialog is stored in {@link module:ui/dialog/dialog~Dialog#id}.
+     *
+     * The `id` is also passed along the {@link module:ui/dialog/dialog~DialogShowEvent} and {@link module:ui/dialog/dialog~DialogHideEvent}
+     * events.
+     */
+    id: string;
+    /**
+     * The SVG string of an icon displayed in dialogs's header. Used only when {@link #title} is also set
+     * and the header is displayed.
+     *
+     * See more in {@link module:ui/icon/iconview~IconView#content}.
+     */
+    icon?: string;
+    /**
+     * A title displayed in dialogs's header. Also works as an accessible name of the dialog used by assistive technologies.
+     *
+     * When not set, the header is not displayed. Affects {@link #icon} and {@link #hasCloseButton}.
+     */
+    title?: string;
+    /**
+     * A flag indicating whether the dialog should have a close button in the header.
+     * `true` by default. Works when {@link #title} is also set and the header is displayed.
+     *
+     * **Note**: If you hide the close button, make sure that the dialog can be closed in another way.
+     */
+    hasCloseButton?: boolean;
+    /**
+     * The content of the dialog. It can be a single {@link module:ui/view~View} or an array of views.
+     */
+    content?: View | Array<View>;
+    /**
+     * The action buttons displayed in the dialog's footer.
+     */
+    actionButtons?: Array<DialogActionButtonDefinition>;
+    /**
+     * An additional CSS class set on the outermost (`.ck.ck-dialog`) container element allowing for visual customization.
+     */
+    className?: string;
+    /**
+     * When set `true`, the dialog will become a modal, i.e. it will block the UI until it is closed.
+     */
+    isModal?: boolean;
+    /**
+     * Available dialog positions. By default `DialogViewPosition.EDITOR_CENTER` is used for {@link #isModal non-modals}
+     * and `DialogViewPosition.SCREEN_CENTER` for modals.
+     *
+     * {@link module:ui/dialog/dialogview#DialogViewPosition Learn more} about available positions.
+     */
+    position?: typeof DialogViewPosition[keyof typeof DialogViewPosition];
+    /**
+     * A callback called when the dialog shows up with `low` priority. It allows for setting up the dialog's {@link #content}.
+     */
+    onShow?: (dialog: Dialog) => void;
+    /**
+     * A callback called when the dialog hides with `low` priority.
+     * It allows for cleaning up (e.g. resetting) the dialog's {@link #content}.
+     */
+    onHide?: (dialog: Dialog) => void;
+}
+/**
+ * An event fired after {@link module:ui/dialog/dialog~Dialog#show} is called. You can use it to customize behavior
+ * any dialog.
+ *
+ * ```js
+ * import { DialogViewPosition } from 'ckeditor5/src/ui.js';
+ *
+ * // ...
+ *
+ * // Changes the position of the "Find and Replace" dialog.
+ * editor.plugins.get( 'Dialog' ).on( 'show:findAndReplace', ( evt, data ) => {
+ * 	Object.assign( data, { position: DialogViewPosition.EDITOR_BOTTOM_CENTER } );
+ * }, { priority: 'high' } );
+ * ```
+ *
+ * @eventName ~Dialog#show
+ */
+export type DialogShowEvent = {
+    name: 'show' | `show:${string}`;
+    args: [dialogDefinition: DialogDefinition];
+};
+/**
+ * An event fired after {@link module:ui/dialog/dialog~Dialog#hide} is called. You can use it to customize behavior
+ * any dialog.
+ *
+ * ```js
+ * // Logs after the "Find and Replace" dialog gets hidden
+ * editor.plugins.get( 'Dialog' ).on( 'hide:findAndReplace', () => {
+ * 	console.log( 'The "Find and Replace" dialog was hidden.' );
+ * } );
+ * ```
+ *
+ * @eventName ~Dialog#hide
+ */
+export type DialogHideEvent = {
+    name: 'hide' | `hide:${string}`;
+    args: [];
+};