@ckeditor/ckeditor5-image 47.6.1-alpha.1 → 48.0.0-alpha.0

package/src/imageinsert/imageinsertui.js

@@ -1,216 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module image/imageinsert/imageinsertui
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { logWarning } from 'ckeditor5/src/utils.js';
-import { createDropdown, MenuBarMenuListItemView, MenuBarMenuListView, MenuBarMenuView, SplitButtonView } from 'ckeditor5/src/ui.js';
-import { IconImage } from 'ckeditor5/src/icons.js';
-import { ImageInsertFormView } from './ui/imageinsertformview.js';
-import { ImageUtils } from '../imageutils.js';
-/**
- * The image insert dropdown plugin.
- *
- * For a detailed overview, check the {@glink features/images/image-upload/image-upload Image upload feature}
- * and {@glink features/images/images-inserting Insert images via source URL} documentation.
- *
- * Adds the `'insertImage'` dropdown to the {@link module:ui/componentfactory~ComponentFactory UI component factory}
- * and also the `imageInsert` dropdown as an alias for backward compatibility.
- *
- * Adds the `'menuBar:insertImage'` sub-menu to the {@link module:ui/componentfactory~ComponentFactory UI component factory}, which is
- * by default added to the `'Insert'` menu.
- */
-export class ImageInsertUI extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ImageInsertUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [ImageUtils];
-    }
-    /**
-     * The dropdown view responsible for displaying the image insert UI.
-     */
-    dropdownView;
-    /**
-     * Registered integrations map.
-     */
-    _integrations = new Map();
-    /**
-     * @inheritDoc
-     */
-    constructor(editor) {
-        super(editor);
-        editor.config.define('image.insert.integrations', [
-            'upload',
-            'assetManager',
-            'url'
-        ]);
-    }
-    /**
-     * @inheritDoc
-     */
-    init() {
-        const editor = this.editor;
-        const selection = editor.model.document.selection;
-        const imageUtils = editor.plugins.get('ImageUtils');
-        this.set('isImageSelected', false);
-        this.listenTo(editor.model.document, 'change', () => {
-            this.isImageSelected = imageUtils.isImage(selection.getSelectedElement());
-        });
-        const componentCreator = (locale) => this._createToolbarComponent(locale);
-        const menuBarComponentCreator = (locale) => this._createMenuBarComponent(locale);
-        // Register `insertImage` dropdown and add `imageInsert` dropdown as an alias for backward compatibility.
-        editor.ui.componentFactory.add('insertImage', componentCreator);
-        editor.ui.componentFactory.add('imageInsert', componentCreator);
-        editor.ui.componentFactory.add('menuBar:insertImage', menuBarComponentCreator);
-    }
-    /**
-     * Registers the insert image dropdown integration.
-     */
-    registerIntegration({ name, observable, buttonViewCreator, formViewCreator, menuBarButtonViewCreator, requiresForm = false, override = false }) {
-        if (this._integrations.has(name) && !override) {
-            /**
-             * There are two insert-image integrations registered with the same name.
-             *
-             * Make sure that you do not load multiple asset manager plugins.
-             *
-             * @error image-insert-integration-exists
-             */
-            logWarning('image-insert-integration-exists', { name });
-        }
-        this._integrations.set(name, {
-            observable,
-            buttonViewCreator,
-            menuBarButtonViewCreator,
-            formViewCreator,
-            requiresForm
-        });
-    }
-    /**
-     * Creates the toolbar component.
-     */
-    _createToolbarComponent(locale) {
-        const editor = this.editor;
-        const t = locale.t;
-        const integrations = this._prepareIntegrations();
-        if (!integrations.length) {
-            return null;
-        }
-        let dropdownButton;
-        const firstIntegration = integrations[0];
-        if (integrations.length == 1) {
-            // Do not use dropdown for a single integration button (integration that does not require form view).
-            if (!firstIntegration.requiresForm) {
-                return firstIntegration.buttonViewCreator(true);
-            }
-            dropdownButton = firstIntegration.buttonViewCreator(true);
-        }
-        else {
-            const actionButton = firstIntegration.buttonViewCreator(false);
-            dropdownButton = new SplitButtonView(locale, actionButton);
-            dropdownButton.tooltip = true;
-            dropdownButton.bind('label').to(this, 'isImageSelected', isImageSelected => isImageSelected ?
-                t('Replace image') :
-                t('Insert image'));
-        }
-        const dropdownView = this.dropdownView = createDropdown(locale, dropdownButton);
-        const observables = integrations.map(({ observable }) => typeof observable == 'function' ? observable() : observable);
-        dropdownView.bind('isEnabled').toMany(observables, 'isEnabled', (...isEnabled) => (isEnabled.some(isEnabled => isEnabled)));
-        dropdownView.once('change:isOpen', () => {
-            const integrationViews = integrations.flatMap(({ formViewCreator }) => formViewCreator(integrations.length == 1));
-            const imageInsertFormView = new ImageInsertFormView(editor.locale, integrationViews);
-            dropdownView.panelView.children.add(imageInsertFormView);
-        });
-        return dropdownView;
-    }
-    /**
-     * Creates the menu bar component.
-     */
-    _createMenuBarComponent(locale) {
-        const t = locale.t;
-        const integrations = this._prepareIntegrations();
-        if (!integrations.length) {
-            return null;
-        }
-        const integrationViews = integrations.flatMap(({ menuBarButtonViewCreator }) => menuBarButtonViewCreator(integrations.length == 1));
-        const resultView = new MenuBarMenuView(locale);
-        const listView = new MenuBarMenuListView(locale);
-        resultView.panelView.children.add(listView);
-        resultView.buttonView.set({
-            icon: IconImage,
-            label: t('Image')
-        });
-        for (const integrationView of integrationViews) {
-            const listItemView = new MenuBarMenuListItemView(locale, resultView);
-            listItemView.children.add(integrationView);
-            listView.items.add(listItemView);
-            integrationView.delegate('execute').to(resultView);
-        }
-        return resultView;
-    }
-    /**
-     * Validates the integrations list.
-     */
-    _prepareIntegrations() {
-        const editor = this.editor;
-        const items = editor.config.get('image.insert.integrations');
-        const result = [];
-        if (!items.length) {
-            /**
-             * The insert image feature requires a list of integrations to be provided in the editor configuration.
-             *
-             * The default list of integrations is `upload`, `assetManager`, `url`. Those integrations are included
-             * in the insert image dropdown if the given feature plugin is loaded. You should omit the `integrations`
-             * configuration key to use the default set or provide a selected list of integrations that should be used.
-             *
-             * @error image-insert-integrations-not-specified
-             */
-            logWarning('image-insert-integrations-not-specified');
-            return result;
-        }
-        for (const item of items) {
-            if (!this._integrations.has(item)) {
-                if (!['upload', 'assetManager', 'url'].includes(item)) {
-                    /**
-                     * The specified insert image integration name is unknown or the providing plugin is not loaded in the editor.
-                     *
-                     * @error image-insert-unknown-integration
-                     */
-                    logWarning('image-insert-unknown-integration', { item });
-                }
-                continue;
-            }
-            result.push(this._integrations.get(item));
-        }
-        if (!result.length) {
-            /**
-             * The image insert feature requires integrations to be registered by separate features.
-             *
-             * The `insertImage` toolbar button requires integrations to be registered by other features.
-             * For example {@link module:image/imageupload~ImageUpload ImageUpload},
-             * {@link module:image/imageinsert~ImageInsert ImageInsert},
-             * {@link module:image/imageinsertviaurl~ImageInsertViaUrl ImageInsertViaUrl},
-             * {@link module:ckbox/ckbox~CKBox CKBox}
-             *
-             * @error image-insert-integrations-not-registered
-             */
-            logWarning('image-insert-integrations-not-registered');
-        }
-        return result;
-    }
-}

package/src/imageinsert/imageinsertviaurlui.js

@@ -1,175 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module image/imageinsert/imageinsertviaurlui
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { ButtonView, Dialog, MenuBarMenuListItemButtonView } from 'ckeditor5/src/ui.js';
-import { IconImageUrl } from 'ckeditor5/src/icons.js';
-import { ImageInsertUI } from './imageinsertui.js';
-import { ImageInsertUrlView } from './ui/imageinserturlview.js';
-/**
- * The image insert via URL plugin (UI part).
- *
- * The plugin introduces two UI components to the {@link module:ui/componentfactory~ComponentFactory UI component factory}:
- *
- * * the `'insertImageViaUrl'` toolbar button,
- * * the `'menuBar:insertImageViaUrl'` menu bar component.
- *
- * It also integrates with the `insertImage` toolbar component and `menuBar:insertImage` menu component, which are default components
- * through which inserting image via URL is available.
- */
-export class ImageInsertViaUrlUI extends Plugin {
-    _imageInsertUI;
-    _formView;
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ImageInsertViaUrlUI';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [ImageInsertUI, Dialog];
-    }
-    init() {
-        this.editor.ui.componentFactory.add('insertImageViaUrl', () => this._createToolbarButton());
-        this.editor.ui.componentFactory.add('menuBar:insertImageViaUrl', () => this._createMenuBarButton('standalone'));
-    }
-    /**
-     * @inheritDoc
-     */
-    afterInit() {
-        this._imageInsertUI = this.editor.plugins.get('ImageInsertUI');
-        this._imageInsertUI.registerIntegration({
-            name: 'url',
-            observable: () => this.editor.commands.get('insertImage'),
-            buttonViewCreator: () => this._createToolbarButton(),
-            formViewCreator: () => this._createDropdownButton(),
-            menuBarButtonViewCreator: isOnly => this._createMenuBarButton(isOnly ? 'insertOnly' : 'insertNested')
-        });
-    }
-    /**
-     * Creates the base for various kinds of the button component provided by this feature.
-     */
-    _createInsertUrlButton(ButtonClass) {
-        const button = new ButtonClass(this.editor.locale);
-        button.icon = IconImageUrl;
-        button.on('execute', () => {
-            this._showModal();
-        });
-        return button;
-    }
-    /**
-     * Creates a simple toolbar button, with an icon and a tooltip.
-     */
-    _createToolbarButton() {
-        const t = this.editor.locale.t;
-        const button = this._createInsertUrlButton(ButtonView);
-        button.tooltip = true;
-        button.bind('label').to(this._imageInsertUI, 'isImageSelected', isImageSelected => isImageSelected ? t('Update image URL') : t('Insert image via URL'));
-        return button;
-    }
-    /**
-     * Creates a button for the dropdown view, with an icon, text and no tooltip.
-     */
-    _createDropdownButton() {
-        const t = this.editor.locale.t;
-        const button = this._createInsertUrlButton(ButtonView);
-        button.withText = true;
-        button.bind('label').to(this._imageInsertUI, 'isImageSelected', isImageSelected => isImageSelected ? t('Update image URL') : t('Insert via URL'));
-        return button;
-    }
-    /**
-     * Creates a button for the menu bar.
-     */
-    _createMenuBarButton(type) {
-        const t = this.editor.locale.t;
-        const button = this._createInsertUrlButton(MenuBarMenuListItemButtonView);
-        button.withText = true;
-        switch (type) {
-            case 'standalone':
-                button.label = t('Image via URL');
-                break;
-            case 'insertOnly':
-                button.label = t('Image');
-                break;
-            case 'insertNested':
-                button.label = t('Via URL');
-                break;
-        }
-        return button;
-    }
-    /**
-     * Creates the form view used to submit the image URL.
-     */
-    _createInsertUrlView() {
-        const editor = this.editor;
-        const locale = editor.locale;
-        const replaceImageSourceCommand = editor.commands.get('replaceImageSource');
-        const insertImageCommand = editor.commands.get('insertImage');
-        const imageInsertUrlView = new ImageInsertUrlView(locale);
-        imageInsertUrlView.bind('isImageSelected').to(this._imageInsertUI);
-        imageInsertUrlView.bind('isEnabled').toMany([insertImageCommand, replaceImageSourceCommand], 'isEnabled', (...isEnabled) => (isEnabled.some(isCommandEnabled => isCommandEnabled)));
-        return imageInsertUrlView;
-    }
-    /**
-     * Shows the insert image via URL form view in a modal.
-     */
-    _showModal() {
-        const editor = this.editor;
-        const locale = editor.locale;
-        const t = locale.t;
-        const dialog = editor.plugins.get('Dialog');
-        if (!this._formView) {
-            this._formView = this._createInsertUrlView();
-            this._formView.on('submit', () => this._handleSave());
-        }
-        const replaceImageSourceCommand = editor.commands.get('replaceImageSource');
-        this._formView.imageURLInputValue = replaceImageSourceCommand.value || '';
-        dialog.show({
-            id: 'insertImageViaUrl',
-            title: t('Image via URL'),
-            isModal: true,
-            content: this._formView,
-            actionButtons: [
-                {
-                    label: t('Cancel'),
-                    withText: true,
-                    onExecute: () => dialog.hide()
-                },
-                {
-                    label: this._imageInsertUI.isImageSelected ? t('Save') : t('Insert'),
-                    class: 'ck-button-action',
-                    withText: true,
-                    onExecute: () => this._handleSave()
-                }
-            ]
-        });
-    }
-    /**
-     * Executes appropriate command depending on selection and form value.
-     */
-    _handleSave() {
-        const replaceImageSourceCommand = this.editor.commands.get('replaceImageSource');
-        // If an image element is currently selected, we want to replace its source attribute (instead of inserting a new image).
-        // We detect if an image is selected by checking `replaceImageSource` command state.
-        if (replaceImageSourceCommand.isEnabled) {
-            this.editor.execute('replaceImageSource', { source: this._formView.imageURLInputValue });
-        }
-        else {
-            this.editor.execute('insertImage', { source: this._formView.imageURLInputValue });
-        }
-        this.editor.plugins.get('Dialog').hide();
-    }
-}

package/src/imageinsert/ui/imageinsertformview.js

@@ -1,117 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module image/imageinsert/ui/imageinsertformview
- */
-import { View, ViewCollection, submitHandler, FocusCycler, CollapsibleView } from 'ckeditor5/src/ui.js';
-import { FocusTracker, KeystrokeHandler } from 'ckeditor5/src/utils.js';
-import '../../../theme/imageinsert.css';
-/**
- * The view displayed in the insert image dropdown.
- *
- * See {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.
- *
- * @internal
- */
-export class ImageInsertFormView extends View {
-    /**
-     * Tracks information about DOM focus in the form.
-     */
-    focusTracker;
-    /**
-     * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-     */
-    keystrokes;
-    /**
-     * A collection of views that can be focused in the form.
-     */
-    _focusables;
-    /**
-     * Helps cycling over {@link #_focusables} in the form.
-     */
-    _focusCycler;
-    /**
-     * A collection of the defined integrations for inserting the images.
-     */
-    children;
-    /**
-     * Creates a view for the dropdown panel of {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.
-     *
-     * @param locale The localization services instance.
-     * @param integrations An integrations object that contains components (or tokens for components) to be shown in the panel view.
-     */
-    constructor(locale, integrations = []) {
-        super(locale);
-        this.focusTracker = new FocusTracker();
-        this.keystrokes = new KeystrokeHandler();
-        this._focusables = new ViewCollection();
-        this.children = this.createCollection();
-        this._focusCycler = new FocusCycler({
-            focusables: this._focusables,
-            focusTracker: this.focusTracker,
-            keystrokeHandler: this.keystrokes,
-            actions: {
-                // Navigate form fields backwards using the Shift + Tab keystroke.
-                focusPrevious: 'shift + tab',
-                // Navigate form fields forwards using the Tab key.
-                focusNext: 'tab'
-            }
-        });
-        for (const view of integrations) {
-            this.children.add(view);
-            this._focusables.add(view);
-            if (view instanceof CollapsibleView) {
-                this._focusables.addMany(view.children);
-            }
-        }
-        this.setTemplate({
-            tag: 'form',
-            attributes: {
-                class: [
-                    'ck',
-                    'ck-image-insert-form'
-                ],
-                tabindex: -1
-            },
-            children: this.children
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        super.render();
-        submitHandler({
-            view: this
-        });
-        for (const view of this._focusables) {
-            this.focusTracker.add(view.element);
-        }
-        // Start listening for the keystrokes coming from #element.
-        this.keystrokes.listenTo(this.element);
-        const stopPropagation = (data) => data.stopPropagation();
-        // Since the form is in the dropdown panel which is a child of the toolbar, the toolbar's
-        // keystroke handler would take over the key management in the URL input. We need to prevent
-        // this ASAP. Otherwise, the basic caret movement using the arrow keys will be impossible.
-        this.keystrokes.set('arrowright', stopPropagation);
-        this.keystrokes.set('arrowleft', stopPropagation);
-        this.keystrokes.set('arrowup', stopPropagation);
-        this.keystrokes.set('arrowdown', stopPropagation);
-    }
-    /**
-     * @inheritDoc
-     */
-    destroy() {
-        super.destroy();
-        this.focusTracker.destroy();
-        this.keystrokes.destroy();
-    }
-    /**
-     * Focuses the first {@link #_focusables focusable} in the form.
-     */
-    focus() {
-        this._focusCycler.focusFirst();
-    }
-}

package/src/imageinsert/ui/imageinserturlview.js

@@ -1,102 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module image/imageinsert/ui/imageinserturlview
- */
-import { View, LabeledFieldView, createLabeledInputText, submitHandler } from 'ckeditor5/src/ui.js';
-import { KeystrokeHandler } from 'ckeditor5/src/utils.js';
-/**
- * The insert an image via URL view.
- *
- * See {@link module:image/imageinsert/imageinsertviaurlui~ImageInsertViaUrlUI}.
- *
- * @internal
- */
-export class ImageInsertUrlView extends View {
-    /**
-     * The URL input field view.
-     */
-    urlInputView;
-    /**
-     * An instance of the {@link module:utils/keystrokehandler~KeystrokeHandler}.
-     */
-    keystrokes;
-    /**
-     * Creates a view for the dropdown panel of {@link module:image/imageinsert/imageinsertui~ImageInsertUI}.
-     *
-     * @param locale The localization services instance.
-     */
-    constructor(locale) {
-        super(locale);
-        this.set('imageURLInputValue', '');
-        this.set('isImageSelected', false);
-        this.set('isEnabled', true);
-        this.keystrokes = new KeystrokeHandler();
-        this.urlInputView = this._createUrlInputView();
-        this.setTemplate({
-            tag: 'form',
-            attributes: {
-                class: [
-                    'ck',
-                    'ck-image-insert-url'
-                ],
-                tabindex: '-1'
-            },
-            children: [
-                this.urlInputView,
-                {
-                    tag: 'div',
-                    attributes: {
-                        class: [
-                            'ck',
-                            'ck-image-insert-url__action-row'
-                        ]
-                    }
-                }
-            ]
-        });
-    }
-    /**
-     * @inheritDoc
-     */
-    render() {
-        super.render();
-        submitHandler({
-            view: this
-        });
-        // Start listening for the keystrokes coming from #element.
-        this.keystrokes.listenTo(this.element);
-    }
-    /**
-     * @inheritDoc
-     */
-    destroy() {
-        super.destroy();
-        this.keystrokes.destroy();
-    }
-    /**
-     * Creates the {@link #urlInputView}.
-     */
-    _createUrlInputView() {
-        const locale = this.locale;
-        const t = locale.t;
-        const urlInputView = new LabeledFieldView(locale, createLabeledInputText);
-        urlInputView.bind('label').to(this, 'isImageSelected', value => value ? t('Update image URL') : t('Insert image via URL'));
-        urlInputView.bind('isEnabled').to(this);
-        urlInputView.fieldView.inputMode = 'url';
-        urlInputView.fieldView.placeholder = 'https://example.com/image.png';
-        urlInputView.fieldView.bind('value').to(this, 'imageURLInputValue', (value) => value || '');
-        urlInputView.fieldView.on('input', () => {
-            this.imageURLInputValue = urlInputView.fieldView.element.value.trim();
-        });
-        return urlInputView;
-    }
-    /**
-     * Focuses the view.
-     */
-    focus() {
-        this.urlInputView.focus();
-    }
-}

package/src/imageinsert.js

@@ -1,43 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module image/imageinsert
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { ImageUpload } from './imageupload.js';
-import { ImageInsertViaUrl } from './imageinsertviaurl.js';
-import { ImageInsertUI } from './imageinsert/imageinsertui.js';
-/**
- * The image insert plugin.
- *
- * For a detailed overview, check the {@glink features/images/image-upload/image-upload Image upload feature}
- * and {@glink features/images/images-inserting Insert images via source URL} documentation.
- *
- * This plugin does not do anything directly, but it loads a set of specific plugins
- * to enable image uploading or inserting via implemented integrations:
- *
- * * {@link module:image/imageupload~ImageUpload}
- * * {@link module:image/imageinsert/imageinsertui~ImageInsertUI}
- */
-export class ImageInsert extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ImageInsert';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [ImageUpload, ImageInsertViaUrl, ImageInsertUI];
-    }
-}

package/src/imageinsertviaurl.js

@@ -1,41 +0,0 @@
-/**
- * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
- */
-/**
- * @module image/imageinsertviaurl
- */
-import { Plugin } from 'ckeditor5/src/core.js';
-import { ImageInsertUI } from './imageinsert/imageinsertui.js';
-import { ImageInsertViaUrlUI } from './imageinsert/imageinsertviaurlui.js';
-/**
- * The image insert via URL plugin.
- *
- * For a detailed overview, check the {@glink features/images/images-inserting
- * Insert images via source URL} documentation.
- *
- * This plugin does not do anything directly, but it loads a set of specific plugins
- * to enable image inserting via implemented integrations:
- *
- * * {@link module:image/imageinsert/imageinsertui~ImageInsertUI},
- */
-export class ImageInsertViaUrl extends Plugin {
-    /**
-     * @inheritDoc
-     */
-    static get pluginName() {
-        return 'ImageInsertViaUrl';
-    }
-    /**
-     * @inheritDoc
-     */
-    static get isOfficialPlugin() {
-        return true;
-    }
-    /**
-     * @inheritDoc
-     */
-    static get requires() {
-        return [ImageInsertViaUrlUI, ImageInsertUI];
-    }
-}