@ckeditor/ckeditor5-fullscreen 47.1.0-alpha.2 → 47.2.0-alpha.0

package/lang/translations/ro.po

@@ -34,3 +34,15 @@ msgstr "Schița documentului"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "Utilizatori conectați"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/ru.po

@@ -34,3 +34,15 @@ msgstr "Состав документа"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "Подключенные пользователи"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/si.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/sk.po

@@ -34,3 +34,15 @@ msgstr "Náčrt dokumentu"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "Pripojení používatelia"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/sl.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/sq.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/sr-latn.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/sr.po

@@ -34,3 +34,15 @@ msgstr "Struktura dokumenta"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "Povezani korisnici"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/sv.po

@@ -34,3 +34,15 @@ msgstr "Dokumentöversikt"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "Anslutna användare"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/th.po

@@ -34,3 +34,15 @@ msgstr "โครงร่างของเอกสาร"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "ผู้ใช้ที่เชื่อมต่ออยู่"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/ti.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/tk.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/tr.po

@@ -34,3 +34,15 @@ msgstr "Belge ana hatları"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "Bağlı kullanıcılar"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/tt.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/ug.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/uk.po

@@ -34,3 +34,15 @@ msgstr "Структура документа"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "Підключені користувачі"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/ur.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/uz.po

@@ -34,3 +34,15 @@ msgstr ""
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr ""
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/vi.po

@@ -34,3 +34,15 @@ msgstr "Bố cục tài liệu"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "Những người dùng đã kết nối"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/zh-cn.po

@@ -34,3 +34,15 @@ msgstr "文档大纲"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "已连接用户"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/lang/translations/zh.po

@@ -34,3 +34,15 @@ msgstr "文件大綱"
 msgctxt "Label for a sidebar header that contains a list of connected users"
 msgid "Connected users"
 msgstr "已連線使用者"
+
+msgctxt "Tooltip for a button that shows the left sidebar"
+msgid "Show left sidebar"
+msgstr ""
+
+msgctxt "Tooltip for a button that hides the left sidebar"
+msgid "Hide left sidebar"
+msgstr ""
+
+msgctxt "Label for a button that toggles the left sidebar"
+msgid "Toggle sidebar"
+msgstr ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ckeditor/ckeditor5-fullscreen",
-  "version": "47.1.0-alpha.2",
+  "version": "47.2.0-alpha.0",
   "description": "Fullscreen mode feature for CKEditor 5.",
   "keywords": [
     "ckeditor",
@@ -13,13 +13,13 @@
   "type": "module",
   "main": "src/index.js",
   "dependencies": {
-    "@ckeditor/ckeditor5-core": "47.1.0-alpha.2",
-    "@ckeditor/ckeditor5-editor-classic": "47.1.0-alpha.2",
-    "@ckeditor/ckeditor5-editor-decoupled": "47.1.0-alpha.2",
-    "@ckeditor/ckeditor5-icons": "47.1.0-alpha.2",
-    "@ckeditor/ckeditor5-ui": "47.1.0-alpha.2",
-    "@ckeditor/ckeditor5-utils": "47.1.0-alpha.2",
-    "ckeditor5": "47.1.0-alpha.2"
+    "@ckeditor/ckeditor5-core": "47.2.0-alpha.0",
+    "@ckeditor/ckeditor5-editor-classic": "47.2.0-alpha.0",
+    "@ckeditor/ckeditor5-editor-decoupled": "47.2.0-alpha.0",
+    "@ckeditor/ckeditor5-icons": "47.2.0-alpha.0",
+    "@ckeditor/ckeditor5-ui": "47.2.0-alpha.0",
+    "@ckeditor/ckeditor5-utils": "47.2.0-alpha.0",
+    "ckeditor5": "47.2.0-alpha.0"
   },
   "author": "CKSource (http://cksource.com/)",
   "license": "SEE LICENSE IN LICENSE.md",

package/src/handlers/abstracteditorhandler.d.ts

@@ -27,21 +27,24 @@ import type { ElementApi, Editor, EditorConfig } from 'ckeditor5/src/core.js';
  * 	editable, toolbar, menu bar.
  * 	Use {@link #moveToFullscreen} method for this purpose to ensure they are automatically cleaned up after leaving the fullscreen mode.
  * 3. Adds proper classes to the `<body>` and `<html>` elements to block page scrolling, adjust `z-index` etc.
- * 4. Changes the position of some dialogs to utilize the empty space on the right side of the editable element.
  *
- * Steps 5-11 are only executed if the corresponding features are used.
+ * Steps 4-12 are only executed if the corresponding features are used.
  *
- * 5. If presence list is used, moves it to the fullscreen mode container.
- * 6. If document outline is used, moves it to the fullscreen mode.
- * 7. If pagination is used, adjusts it's configuration for the changed view.
- * 8. If annotations are used, moves them to the fullscreen mode.
- * 9. If revision history is used, overrides the callbacks to show the revision viewer in the fullscreen mode.
- * 10. If source editing and document outline are both used, hides the document outline header.
- * 11. If custom container is used, hides all other elements in it to ensure they don't create an empty unscrollable space.
+ * 4. If presence list is used, moves it to the fullscreen mode container.
+ * 5. If document outline is used, moves it to the fullscreen mode.
+ * 6. If pagination is used, adjusts it's configuration for the changed view.
+ * 7. If annotations are used, moves them to the fullscreen mode.
+ * 8. If revision history is used, overrides the callbacks to show the revision viewer in the fullscreen mode.
+ * 9. If AI Tabs is used, moves it to the fullscreen mode.
+ * 10. If source editing and document outline are both used, registers a callback hiding the document outline header in source editing mode.
+ * 11. Changes the position of some dialogs to utilize the empty space on the right side of the editable element.
+ * 12. If custom container is used, hides all other elements in it to ensure they don't create an empty unscrollable space.
  *
  * Then finally:
  *
- * 12. Executes the configured {@link module:fullscreen/fullscreenconfig~FullscreenConfig#onEnterCallback
+ * 13. Adjusts the visibility of the left and right sidebars based on the available space.
+ * 14. Sets up a resize observer to adjust the visibility of the left and right sidebars dynamically.
+ * 15. Executes the configured {@link module:fullscreen/fullscreenconfig~FullscreenConfig#onEnterCallback
  * 	`config.fullscreen.onEnterCallback`} function.
  * 	By default, it returns the fullscreen mode container element so it can be further customized.
  *
@@ -53,14 +56,15 @@ import type { ElementApi, Editor, EditorConfig } from 'ckeditor5/src/core.js';
  * 3. If document outline is used, restore its default container.
  * 4. If annotations are used, restore their original state (UI, filters etc).
  * 5. If revision history is used, restore the original callbacks.
- * 6. If source editing and document outline are both used, restore the document outline header.
- * 7. Restore all moved elements to their original place.
- * 8. Destroy the fullscreen mode container.
- * 9. If the editor has a toolbar, switch its behavior to the one configured in the
+ * 7. If AI Tabs is used, restore it to the original state.
+ * 8. If source editing and document outline are both used, restore the document outline header.
+ * 9. Restore all moved elements to their original place.
+ * 10. Destroy the fullscreen mode container.
+ * 11. If the editor has a toolbar, switch its behavior to the one configured in the
  * 	{@link module:ui/toolbar/toolbarview~ToolbarOptions#shouldGroupWhenFull} property.
- * 10. Restore the scroll positions of all ancestors of the editable element.
- * 11. If pagination is used, restore its default configuration.
- * 12. Restore default dialogs positions.
+ * 12. Restore the scroll positions of all ancestors of the editable element.
+ * 13. If pagination is used, restore its default configuration.
+ * 14. Restore default dialogs positions.
  *
  * This class is exported to allow for custom extensions.
  */
@@ -86,6 +90,32 @@ export declare class FullscreenAbstractEditorHandler {
      * If we don't move pagination lines to the fullscreen container, they won't be visible.
      */
     private _paginationBodyCollection;
+    /**
+     * Whether the left sidebar collapse button is created.
+     */
+    private _hasLeftCollapseButton;
+    /**
+     * The button that toggles the visibility of the left sidebar.
+     */
+    private _collapseLeftSidebarButton;
+    /**
+     * The resize observer that is used to adjust the visibility of the left and right sidebars dynamically.
+     */
+    private _resizeObserver;
+    /**
+     * The width of the expanded left and right sidebars in the fullscreen mode. Necessary for logic checking if they should be visible.
+     */
+    private _sidebarsWidths;
+    /**
+     * Whether the left sidebar should be kept hidden even if there is enough space for it. It's set to `true` when user
+     * collapses the left sidebar with a button. Behavior is reset when exiting the fullscreen mode.
+     */
+    private _keepLeftSidebarHidden;
+    /**
+     * Temporary flag used to ignore the first automatic layout adjustment logic when user collapses the left sidebar with a button.
+     * It is then immediately set back to `false`.
+     */
+    private _forceShowLeftSidebar;
     /**
      * A callback that hides the document outline header when the source editing mode is enabled.
      * Document outline element itself is hidden by source editing plugin.
@@ -113,6 +143,10 @@ export declare class FullscreenAbstractEditorHandler {
      * An editor instance. It should be set by the particular editor type handler.
      */
     protected _editor: Editor & Partial<ElementApi>;
+    /**
+     * A map of AI Tabs data that were set before entering the fullscreen mode.
+     */
+    private _aiTabsData;
     /**
      * @inheritDoc
      */
@@ -164,6 +198,7 @@ export declare class FullscreenAbstractEditorHandler {
      * Restores the default value of documentOutlineContainer, which is modified in fullscreen mode.
      */
     private _restoreDocumentOutlineDefaultContainer;
+    private _generateCollapseButton;
     /**
      * Stores the current state of the annotations UIs to restore it when leaving fullscreen mode and switches the UI to the wide sidebar.
      */
@@ -207,4 +242,44 @@ export declare class FullscreenAbstractEditorHandler {
      * Saves the scroll positions of all ancestors of the given element.
      */
     private _saveAncestorsScrollPositions;
+    /**
+     * Stores the current state of the AI Tabs and moves it to the fullscreen mode.
+     */
+    private _handleAITabsTransfer;
+    /**
+     * Checks the transition event to see if it's changing the width of the AI tabs and if so, adjusts the visible fullscreen mode elements.
+     */
+    private _handleAISidebarTransitions;
+    /**
+     * Restores the state of the AI Tabs to the original values.
+     */
+    private _restoreAITabs;
+    /**
+     * Adjusts the visibility of the left and right sidebars based on the available space.
+     */
+    private _adjustVisibleElements;
+    /**
+     * Switches the annotations UI to the requested one.
+     */
+    private _switchAnnotationsUI;
+    /**
+     * Sets up a resize observer to adjust the visibility of the left and right sidebars dynamically.
+     */
+    private _setupResizeObserver;
+    /**
+     * Hides the left sidebar. Works only if there is anything to hide.
+     */
+    private _hideLeftSidebar;
+    /**
+     * Shows the left sidebar. Works only if there is anything to show.
+     */
+    private _showLeftSidebar;
+    /**
+     * Hides the right sidebar. Works only if there is anything to hide.
+     */
+    private _hideRightSidebar;
+    /**
+     * Shows the right sidebar. Works only if there is anything to show.
+     */
+    private _showRightSidebar;
 }