@ckeditor/ckeditor5-ui 40.0.0 → 40.2.0

package/src/search/searchinfoview.js

@@ -1,59 +1,59 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-import View from '../view';
-/**
- * A view displaying an information text related to different states of {@link module:ui/search/text/searchtextview~SearchTextView}.
- *
- * @internal
- */
-export default class SearchInfoView extends View {
-    /**
-     * @inheritDoc
-     */
-    constructor() {
-        super();
-        const bind = this.bindTemplate;
-        this.set({
-            isVisible: false,
-            primaryText: '',
-            secondaryText: ''
-        });
-        this.setTemplate({
-            tag: 'div',
-            attributes: {
-                class: [
-                    'ck',
-                    'ck-search__info',
-                    bind.if('isVisible', 'ck-hidden', value => !value)
-                ],
-                tabindex: -1
-            },
-            children: [
-                {
-                    tag: 'span',
-                    children: [
-                        {
-                            text: [bind.to('primaryText')]
-                        }
-                    ]
-                },
-                {
-                    tag: 'span',
-                    children: [
-                        {
-                            text: [bind.to('secondaryText')]
-                        }
-                    ]
-                }
-            ]
-        });
-    }
-    /**
-     * Focuses the view
-     */
-    focus() {
-        this.element.focus();
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+import View from '../view';
+/**
+ * A view displaying an information text related to different states of {@link module:ui/search/text/searchtextview~SearchTextView}.
+ *
+ * @internal
+ */
+export default class SearchInfoView extends View {
+    /**
+     * @inheritDoc
+     */
+    constructor() {
+        super();
+        const bind = this.bindTemplate;
+        this.set({
+            isVisible: false,
+            primaryText: '',
+            secondaryText: ''
+        });
+        this.setTemplate({
+            tag: 'div',
+            attributes: {
+                class: [
+                    'ck',
+                    'ck-search__info',
+                    bind.if('isVisible', 'ck-hidden', value => !value)
+                ],
+                tabindex: -1
+            },
+            children: [
+                {
+                    tag: 'span',
+                    children: [
+                        {
+                            text: [bind.to('primaryText')]
+                        }
+                    ]
+                },
+                {
+                    tag: 'span',
+                    children: [
+                        {
+                            text: [bind.to('secondaryText')]
+                        }
+                    ]
+                }
+            ]
+        });
+    }
+    /**
+     * Focuses the view
+     */
+    focus() {
+        this.element.focus();
+    }
+}

package/src/search/searchresultsview.d.ts

@@ -1,54 +1,54 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module ui/search/searchresultsview
- */
-import View from '../view';
-import type ViewCollection from '../viewcollection';
-import { FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
-import { default as FocusCycler, type FocusableView } from '../focuscycler';
-/**
- * A sub-component of {@link module:ui/search/text/searchtextview~SearchTextView}. It hosts the filtered and the information views.
- */
-export default class SearchResultsView extends View implements FocusableView {
-    /**
-     * Tracks information about the DOM focus in the view.
-     *
-     * @readonly
-     */
-    focusTracker: FocusTracker;
-    /**
-     * The collection of the child views inside of the list item {@link #element}.
-     *
-     * @readonly
-     */
-    children: ViewCollection;
-    /**
-     * Provides the focus management (keyboard navigation) in the view.
-     *
-     * @readonly
-     */
-    protected _focusCycler: FocusCycler;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale: Locale);
-    /**
-     * @inheritDoc
-     */
-    render(): void;
-    /**
-     * Focuses the view.
-     */
-    focus(): void;
-    /**
-     * Focuses the first child view.
-     */
-    focusFirst(): void;
-    /**
-     * Focuses the last child view.
-     */
-    focusLast(): void;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/search/searchresultsview
+ */
+import View from '../view';
+import type ViewCollection from '../viewcollection';
+import { FocusTracker, type Locale } from '@ckeditor/ckeditor5-utils';
+import { default as FocusCycler, type FocusableView } from '../focuscycler';
+/**
+ * A sub-component of {@link module:ui/search/text/searchtextview~SearchTextView}. It hosts the filtered and the information views.
+ */
+export default class SearchResultsView extends View implements FocusableView {
+    /**
+     * Tracks information about the DOM focus in the view.
+     *
+     * @readonly
+     */
+    focusTracker: FocusTracker;
+    /**
+     * The collection of the child views inside of the list item {@link #element}.
+     *
+     * @readonly
+     */
+    children: ViewCollection;
+    /**
+     * Provides the focus management (keyboard navigation) in the view.
+     *
+     * @readonly
+     */
+    protected _focusCycler: FocusCycler;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale);
+    /**
+     * @inheritDoc
+     */
+    render(): void;
+    /**
+     * Focuses the view.
+     */
+    focus(): void;
+    /**
+     * Focuses the first child view.
+     */
+    focusFirst(): void;
+    /**
+     * Focuses the last child view.
+     */
+    focusLast(): void;
+}

package/src/search/searchresultsview.js

@@ -1,65 +1,65 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module ui/search/searchresultsview
- */
-import View from '../view';
-import { FocusTracker } from '@ckeditor/ckeditor5-utils';
-import { default as FocusCycler } from '../focuscycler';
-/**
- * A sub-component of {@link module:ui/search/text/searchtextview~SearchTextView}. It hosts the filtered and the information views.
- */
-export default class SearchResultsView extends View {
-    /**
-     * @inheritDoc
-     */
-    constructor(locale) {
-        super(locale);
-        this.children = this.createCollection();
-        this.focusTracker = new FocusTracker();
-        this.setTemplate({
-            tag: 'div',
-            attributes: {
-                class: [
-                    'ck',
-                    'ck-search__results'
-                ],
-                tabindex: -1
-            },
-            children: this.children
-        });
-        this._focusCycler = new FocusCycler({
-            focusables: this.children,
-            focusTracker: this.focusTracker
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        super.render();
-        for (const child of this.children) {
-            this.focusTracker.add(child.element);
-        }
-    }
-    /**
-     * Focuses the view.
-     */
-    focus() {
-        this._focusCycler.focusFirst();
-    }
-    /**
-     * Focuses the first child view.
-     */
-    focusFirst() {
-        this._focusCycler.focusFirst();
-    }
-    /**
-     * Focuses the last child view.
-     */
-    focusLast() {
-        this._focusCycler.focusLast();
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/search/searchresultsview
+ */
+import View from '../view';
+import { FocusTracker } from '@ckeditor/ckeditor5-utils';
+import { default as FocusCycler } from '../focuscycler';
+/**
+ * A sub-component of {@link module:ui/search/text/searchtextview~SearchTextView}. It hosts the filtered and the information views.
+ */
+export default class SearchResultsView extends View {
+    /**
+     * @inheritDoc
+     */
+    constructor(locale) {
+        super(locale);
+        this.children = this.createCollection();
+        this.focusTracker = new FocusTracker();
+        this.setTemplate({
+            tag: 'div',
+            attributes: {
+                class: [
+                    'ck',
+                    'ck-search__results'
+                ],
+                tabindex: -1
+            },
+            children: this.children
+        });
+        this._focusCycler = new FocusCycler({
+            focusables: this.children,
+            focusTracker: this.focusTracker
+        });
+    }
+    /**
+     * @inheritDoc
+     */
+    render() {
+        super.render();
+        for (const child of this.children) {
+            this.focusTracker.add(child.element);
+        }
+    }
+    /**
+     * Focuses the view.
+     */
+    focus() {
+        this._focusCycler.focusFirst();
+    }
+    /**
+     * Focuses the first child view.
+     */
+    focusFirst() {
+        this._focusCycler.focusFirst();
+    }
+    /**
+     * Focuses the last child view.
+     */
+    focusLast() {
+        this._focusCycler.focusLast();
+    }
+}

package/src/search/text/searchtextqueryview.d.ts

@@ -1,76 +1,76 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module ui/search/text/searchtextqueryview
- */
-import ButtonView from '../../button/buttonview';
-import IconView from '../../icon/iconview';
-import LabeledFieldView, { type LabeledFieldViewCreator } from '../../labeledfield/labeledfieldview';
-import type InputBase from '../../input/inputbase';
-import type { Locale } from '@ckeditor/ckeditor5-utils';
-/**
- * A search input field for the {@link module:ui/search/text/searchtextview~SearchTextView} component.
- *
- * @internal
- * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView
- */
-export default class SearchTextQueryView<TQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement>> extends LabeledFieldView<TQueryFieldView> {
-    /**
-     * The loupe icon displayed next to the {@link #fieldView}.
-     */
-    iconView?: IconView;
-    /**
-     * The button that clears and focuses the {@link #fieldView}.
-     */
-    resetButtonView?: ButtonView;
-    /**
-     * A reference to the view configuration.
-     */
-    private readonly _viewConfig;
-    /**
-     * @inheritDoc
-     */
-    constructor(locale: Locale, config: SearchTextQueryViewConfig<TQueryFieldView>);
-    /**
-     * Resets the search field to its default state.
-     */
-    reset(): void;
-}
-/**
- * An event fired when the field is reset using the
- * {@link module:ui/search/text/searchtextqueryview~SearchTextQueryView#resetButtonView}.
- *
- * @eventName ~SearchTextQueryView#reset
- */
-export type SearchTextQueryViewResetEvent = {
-    name: 'reset';
-    args: [];
-};
-/**
- * The configuration of the {@link module:ui/search/text/searchtextqueryview~SearchTextQueryView} view.
- */
-export interface SearchTextQueryViewConfig<TConfigSearchField extends InputBase<HTMLInputElement | HTMLTextAreaElement>> {
-    /**
-     * The human-readable label of the search field.
-     */
-    label: string;
-    /**
-     * Determines whether the button that resets the search should be visible.
-     *
-     * @default true
-     */
-    showResetButton?: boolean;
-    /**
-     * Determines whether the loupe icon should be visible.
-     *
-     * @default true
-     */
-    showIcon?: boolean;
-    /**
-     * The function that creates the search field input view. By default, a plain
-     * {@link module:ui/inputtext/inputtextview~InputTextView} is used for this purpose.
-     */
-    creator?: LabeledFieldViewCreator<TConfigSearchField>;
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/search/text/searchtextqueryview
+ */
+import ButtonView from '../../button/buttonview';
+import IconView from '../../icon/iconview';
+import LabeledFieldView, { type LabeledFieldViewCreator } from '../../labeledfield/labeledfieldview';
+import type InputBase from '../../input/inputbase';
+import type { Locale } from '@ckeditor/ckeditor5-utils';
+/**
+ * A search input field for the {@link module:ui/search/text/searchtextview~SearchTextView} component.
+ *
+ * @internal
+ * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView
+ */
+export default class SearchTextQueryView<TQueryFieldView extends InputBase<HTMLInputElement | HTMLTextAreaElement>> extends LabeledFieldView<TQueryFieldView> {
+    /**
+     * The loupe icon displayed next to the {@link #fieldView}.
+     */
+    iconView?: IconView;
+    /**
+     * The button that clears and focuses the {@link #fieldView}.
+     */
+    resetButtonView?: ButtonView;
+    /**
+     * A reference to the view configuration.
+     */
+    private readonly _viewConfig;
+    /**
+     * @inheritDoc
+     */
+    constructor(locale: Locale, config: SearchTextQueryViewConfig<TQueryFieldView>);
+    /**
+     * Resets the search field to its default state.
+     */
+    reset(): void;
+}
+/**
+ * An event fired when the field is reset using the
+ * {@link module:ui/search/text/searchtextqueryview~SearchTextQueryView#resetButtonView}.
+ *
+ * @eventName ~SearchTextQueryView#reset
+ */
+export type SearchTextQueryViewResetEvent = {
+    name: 'reset';
+    args: [];
+};
+/**
+ * The configuration of the {@link module:ui/search/text/searchtextqueryview~SearchTextQueryView} view.
+ */
+export interface SearchTextQueryViewConfig<TConfigSearchField extends InputBase<HTMLInputElement | HTMLTextAreaElement>> {
+    /**
+     * The human-readable label of the search field.
+     */
+    label: string;
+    /**
+     * Determines whether the button that resets the search should be visible.
+     *
+     * @default true
+     */
+    showResetButton?: boolean;
+    /**
+     * Determines whether the loupe icon should be visible.
+     *
+     * @default true
+     */
+    showIcon?: boolean;
+    /**
+     * The function that creates the search field input view. By default, a plain
+     * {@link module:ui/inputtext/inputtextview~InputTextView} is used for this purpose.
+     */
+    creator?: LabeledFieldViewCreator<TConfigSearchField>;
+}

package/src/search/text/searchtextqueryview.js

@@ -1,75 +1,75 @@
-/**
- * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
- */
-/**
- * @module ui/search/text/searchtextqueryview
- */
-import ButtonView from '../../button/buttonview';
-import IconView from '../../icon/iconview';
-import LabeledFieldView from '../../labeledfield/labeledfieldview';
-import { createLabeledInputText } from '../../labeledfield/utils';
-import { icons } from '@ckeditor/ckeditor5-core';
-/**
- * A search input field for the {@link module:ui/search/text/searchtextview~SearchTextView} component.
- *
- * @internal
- * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView
- */
-export default class SearchTextQueryView extends LabeledFieldView {
-    /**
-     * @inheritDoc
-     */
-    constructor(locale, config) {
-        const t = locale.t;
-        const viewConfig = Object.assign({}, {
-            showResetButton: true,
-            showIcon: true,
-            creator: createLabeledInputText
-        }, config);
-        super(locale, viewConfig.creator);
-        this.label = config.label;
-        this._viewConfig = viewConfig;
-        if (this._viewConfig.showIcon) {
-            this.iconView = new IconView();
-            this.iconView.content = icons.loupe;
-            this.fieldWrapperChildren.add(this.iconView, 0);
-            this.extendTemplate({
-                attributes: {
-                    class: 'ck-search__query_with-icon'
-                }
-            });
-        }
-        if (this._viewConfig.showResetButton) {
-            this.resetButtonView = new ButtonView(locale);
-            this.resetButtonView.set({
-                label: t('Clear'),
-                icon: icons.cancel,
-                class: 'ck-search__reset',
-                isVisible: false,
-                tooltip: true
-            });
-            this.resetButtonView.on('execute', () => {
-                this.reset();
-                this.focus();
-                this.fire('reset');
-            });
-            this.resetButtonView.bind('isVisible').to(this.fieldView, 'isEmpty', isEmpty => !isEmpty);
-            this.fieldWrapperChildren.add(this.resetButtonView);
-            this.extendTemplate({
-                attributes: {
-                    class: 'ck-search__query_with-reset'
-                }
-            });
-        }
-    }
-    /**
-     * Resets the search field to its default state.
-     */
-    reset() {
-        this.fieldView.reset();
-        if (this._viewConfig.showResetButton) {
-            this.resetButtonView.isVisible = false;
-        }
-    }
-}
+/**
+ * @license Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+/**
+ * @module ui/search/text/searchtextqueryview
+ */
+import ButtonView from '../../button/buttonview';
+import IconView from '../../icon/iconview';
+import LabeledFieldView from '../../labeledfield/labeledfieldview';
+import { createLabeledInputText } from '../../labeledfield/utils';
+import { icons } from '@ckeditor/ckeditor5-core';
+/**
+ * A search input field for the {@link module:ui/search/text/searchtextview~SearchTextView} component.
+ *
+ * @internal
+ * @extends module:ui/labeledfield/labeledfieldview~LabeledFieldView
+ */
+export default class SearchTextQueryView extends LabeledFieldView {
+    /**
+     * @inheritDoc
+     */
+    constructor(locale, config) {
+        const t = locale.t;
+        const viewConfig = Object.assign({}, {
+            showResetButton: true,
+            showIcon: true,
+            creator: createLabeledInputText
+        }, config);
+        super(locale, viewConfig.creator);
+        this.label = config.label;
+        this._viewConfig = viewConfig;
+        if (this._viewConfig.showIcon) {
+            this.iconView = new IconView();
+            this.iconView.content = icons.loupe;
+            this.fieldWrapperChildren.add(this.iconView, 0);
+            this.extendTemplate({
+                attributes: {
+                    class: 'ck-search__query_with-icon'
+                }
+            });
+        }
+        if (this._viewConfig.showResetButton) {
+            this.resetButtonView = new ButtonView(locale);
+            this.resetButtonView.set({
+                label: t('Clear'),
+                icon: icons.cancel,
+                class: 'ck-search__reset',
+                isVisible: false,
+                tooltip: true
+            });
+            this.resetButtonView.on('execute', () => {
+                this.reset();
+                this.focus();
+                this.fire('reset');
+            });
+            this.resetButtonView.bind('isVisible').to(this.fieldView, 'isEmpty', isEmpty => !isEmpty);
+            this.fieldWrapperChildren.add(this.resetButtonView);
+            this.extendTemplate({
+                attributes: {
+                    class: 'ck-search__query_with-reset'
+                }
+            });
+        }
+    }
+    /**
+     * Resets the search field to its default state.
+     */
+    reset() {
+        this.fieldView.reset();
+        if (this._viewConfig.showResetButton) {
+            this.resetButtonView.isVisible = false;
+        }
+    }
+}