@ckeditor/ckeditor5-fullscreen 47.6.1 → 48.0.0-alpha.1

package/ckeditor5-metadata.json

@@ -5,12 +5,12 @@
 			"className": "Fullscreen",
 			"description": "Opens the editor in the fullscreen mode to allow for more comfortable content editing.",
 			"docs": "features/fullscreen.html",
-			"path": "src/fullscreen.js",
+			"path": "src/fullscreen.ts",
 			"uiComponents": [
 				{
 					"type": "Button",
 					"name": "fullscreen",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/fullscreen-enter.svg"
+					"iconName": "IconFullscreenEnter"
 				}
 			]
 		}

package/{src → dist}/fullscreen.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module fullscreen/fullscreen
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { FullscreenEditing } from './fullscreenediting.js';
 import { FullscreenUI } from './fullscreenui.js';
 /**

package/{src → dist}/fullscreencommand.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module fullscreen/fullscreencommand
  */
-import { Command, type Editor } from 'ckeditor5/src/core.js';
+import { Command, type Editor } from '@ckeditor/ckeditor5-core';
 import { FullscreenAbstractEditorHandler } from './handlers/abstracteditorhandler.js';
 /**
  * A command toggling the fullscreen mode.
@@ -29,7 +29,7 @@ export declare class FullscreenCommand extends Command {
      * // See the details of how to implement a custom handler in the `FullscreenAbstractEditorHandler` class API docs.
      * class CustomEditorHandler extends FullscreenAbstractEditorHandler {}
      *
-     * CustomEditorClass.create( document.querySelector( '#editor' ), {} )
+     * CustomEditorClass.create()
      * 	.then( ( editor ) => {
      * 		editor.commands.get( 'toggleFullscreen' ).fullscreenHandler = new CustomEditorHandler( editor );
      * 	} );

package/{src → dist}/fullscreenediting.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module fullscreen/fullscreenediting
  */
-import { Plugin, type Editor } from 'ckeditor5/src/core.js';
+import { Plugin, type Editor } from '@ckeditor/ckeditor5-core';
 /**
  * A plugin that registers the fullscreen mode command.
  */

package/{src → dist}/fullscreenui.d.ts

@@ -5,7 +5,7 @@
 /**
  * @module fullscreen/fullscreenui
  */
-import { Plugin } from 'ckeditor5/src/core.js';
+import { Plugin } from '@ckeditor/ckeditor5-core';
 import { FullscreenEditing } from './fullscreenediting.js';
 import '../theme/fullscreen.css';
 /**

package/{src → dist}/handlers/abstracteditorhandler.d.ts

@@ -2,8 +2,8 @@
  * @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
  */
-import { type EventInfo } from 'ckeditor5/src/utils.js';
-import type { ElementApi, Editor, EditorConfig } from 'ckeditor5/src/core.js';
+import { type EventInfo } from '@ckeditor/ckeditor5-utils';
+import type { ElementApi, Editor, EditorConfig } from '@ckeditor/ckeditor5-core';
 /**
  * The abstract editor type handler.
  *

package/dist/index-editor.css

@@ -2,243 +2,242 @@
  * @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
  */
-html.ck-fullscreen,
-body.ck-fullscreen{
-	--ck-z-fullscreen:10000;
-
-	overflow:hidden;
-
-	--ck-z-default:calc(var(--ck-z-fullscreen) + 1);
-	--ck-z-panel:calc(var(--ck-z-default) + 999);
-	--ck-z-dialog:100000;
-}
-html.ck-fullscreen .ckbox-reset:not(#n)>.ckbox--dialog, body.ck-fullscreen .ckbox-reset:not(#n)>.ckbox--dialog{
-		--ckbox-z-index-root:calc(var(--ck-z-dialog) + 1);
-	}
-html.ck-fullscreen .ckbox:not(#n) .ckbox-img-editor, body.ck-fullscreen .ckbox:not(#n) .ckbox-img-editor{
-		--ckbox-z-index-preview:calc(var(--ck-z-dialog) + 1);
-	}
-html.ck-fullscreen .ck-pagination-view-line, body.ck-fullscreen .ck-pagination-view-line{
-		z-index:calc(var(--ck-z-fullscreen) + 1);
-	}
-html.ck-fullscreen .page-break__label, body.ck-fullscreen .page-break__label{
-		z-index:calc(var(--ck-z-fullscreen) + 2);
-	}
+html.ck-fullscreen, body.ck-fullscreen{
+  --ck-z-fullscreen:10000;
+  --ck-z-default:calc(var(--ck-z-fullscreen) + 1);
+  --ck-z-panel:calc(var(--ck-z-default) + 999);
+  --ck-z-dialog:100000;
+  overflow:hidden;
+}
+
+:is(html.ck-fullscreen, body.ck-fullscreen) .ckbox:not(#n){
+  --ckbox-z-index-root:calc(var(--ck-z-dialog) + 1);
+  position:absolute;
+}
+
+:is(html.ck-fullscreen, body.ck-fullscreen) .ckbox:not(#n) .ckbox-img-editor{
+  --ckbox-z-index-preview:calc(var(--ck-z-dialog) + 1);
+}
+
+:is(html.ck-fullscreen, body.ck-fullscreen) .ck-pagination-view-line{
+  z-index:calc(var(--ck-z-fullscreen) + 1);
+}
+
+:is(html.ck-fullscreen, body.ck-fullscreen) .page-break__label{
+  z-index:calc(var(--ck-z-fullscreen) + 2);
+}
 
 .ck.ck-fullscreen__main-wrapper{
-	position:fixed;
-	top:0;
-	left:0;
-	width:100%;
-	height:100%;
-	z-index:var(--ck-z-fullscreen);
-	background:var(--ck-color-base-foreground);
-	display:flex;
-	flex-direction:column;
+  width:100%;
+  height:100%;
+  z-index:var(--ck-z-fullscreen);
+  background:var(--ck-color-base-foreground);
+  flex-direction:column;
+  display:flex;
+  position:fixed;
+  top:0;
+  left:0;
 }
 
 .ck.ck-fullscreen__main-wrapper .ck.ck-revision-history-ui__changes-navigation{
-		margin-top:0px;
-		margin-bottom:0px;
-	}
-:not(body> .ck-fullscreen__main-wrapper).ck-fullscreen__main-wrapper{
-	position:absolute;
-}
-.ck-fullscreen__main-wrapper:not(body> .ck-fullscreen__main-wrapper) .ck-fullscreen__top-wrapper{
-		border-top:1px solid var(--ck-color-base-border);
-		border-left:1px solid var(--ck-color-base-border);
-		border-right:1px solid var(--ck-color-base-border);
-		border-radius:var(--ck-border-radius) 0;
-	}
+  margin-top:0;
+  margin-bottom:0;
+}
+
+:not(body > .ck-fullscreen__main-wrapper).ck-fullscreen__main-wrapper{
+  position:absolute;
+}
+
+:not(body > .ck-fullscreen__main-wrapper).ck-fullscreen__main-wrapper .ck-fullscreen__top-wrapper{
+  border-top:1px solid var(--ck-color-base-border);
+  border-left:1px solid var(--ck-color-base-border);
+  border-right:1px solid var(--ck-color-base-border);
+  border-radius:var(--ck-border-radius) 0;
+}
 
 .ck-fullscreen__menu-bar .ck.ck-menu-bar{
-	border:none;
+  border:none;
 }
 
 .ck.ck-fullscreen__toolbar .ck-toolbar{
-	border-left:0;
-	border-right:0;
-	border-radius:0;
+  border-left:0;
+  border-right:0;
+  border-radius:0;
 }
 
 .ck-fullscreen__main-wrapper .ck-fullscreen__editable-wrapper{
-	--ck-fullscreen-editor-top-margin:28px;
-	--ck-fullscreen-editor-bottom-margin:28px;
-	display:flex;
-	justify-content:flex-start;
-	overflow:auto;
-	max-height:100%;
+  --ck-fullscreen-editor-top-margin:28px;
+  --ck-fullscreen-editor-bottom-margin:28px;
+  justify-content:flex-start;
+  max-height:100%;
+  display:flex;
+  overflow:auto;
 }
 
 .ck-fullscreen__main-wrapper .ck-fullscreen__editable{
-	margin-top:var(--ck-fullscreen-editor-top-margin);
-	height:100%;
-	margin-left:auto;
+  margin-top:var(--ck-fullscreen-editor-top-margin);
+  height:100%;
+  margin-left:auto;
 }
 
-.ck-fullscreen__main-wrapper .ck-fullscreen__editable::after{
-		content:'';
-		display:block;
-		height:var(--ck-fullscreen-editor-bottom-margin);
-	}
+.ck-fullscreen__main-wrapper .ck-fullscreen__editable:after{
+  content:"";
+  height:var(--ck-fullscreen-editor-bottom-margin);
+  display:block;
+}
 
 .ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck.ck-editor__editable:not(.ck-editor__nested-editable){
-	box-sizing:border-box;
-	width:calc(210mm + 2px);
-	max-width:calc(210mm + 2px);
-	min-height:297mm;
-	height:fit-content;
-	margin:0;
-	padding:20mm 12mm;
-	border:1px var(--ck-color-base-border) solid;
-	background:hsl(0, 0%, 100%);
-	box-shadow:0 2px 3px hsla(0, 0%, 0%, 0.078);
+  box-sizing:border-box;
+  border:1px var(--ck-color-base-border) solid;
+  background:#fff;
+  width:795.701px;
+  max-width:795.701px;
+  height:fit-content;
+  min-height:297mm;
+  margin:0;
+  padding:20mm 12mm;
+  box-shadow:0 2px 3px #00000014;
 }
 
 .ck-fullscreen__main-wrapper .ck-fullscreen__editable .ck-source-editing-area{
-	width:calc(210mm + 2px);
+  width:795.701px;
 }
 
 .ck-fullscreen__sidebar{
-	width:270px;
-	margin-top:var(--ck-fullscreen-editor-top-margin);
-	margin-left:10px;
+  width:270px;
+  margin-top:var(--ck-fullscreen-editor-top-margin);
+  margin-left:10px;
 }
 
 .ck-fullscreen__left-sidebar{
-	font-family:Helvetica, Arial, sans-serif;
-	--ck-user-avatar-size:28px;
-	position:sticky;
-	align-self:flex-start;
-	top:0;
-	height:100%;
-	background-color:transparent;
-	margin-top:0px;
-	margin-right:10px;
-	box-sizing:border-box;
-	display:flex;
-	flex-direction:column;
+  --ck-user-avatar-size:28px;
+  box-sizing:border-box;
+  background-color:#0000;
+  flex-direction:column;
+  align-self:flex-start;
+  height:100%;
+  margin-top:0;
+  margin-right:10px;
+  font-family:Helvetica, Arial, sans-serif;
+  display:flex;
+  position:sticky;
+  top:0;
 }
 
 .ck-fullscreen__left-sidebar .ck-button.ck-fullscreen__left-sidebar-toggle-button{
-		--ck-icon-size:20px;
-		--ck-ui-component-min-height:0px;
-
-		align-self:flex-start;
-		padding-top:0;
-		margin-top:var(--ck-fullscreen-editor-top-margin);
-		margin-bottom:var(--ck-spacing-large);
-		opacity:0.5;
-		border-radius:100%;
-	}
+  --ck-icon-size:20px;
+  --ck-ui-component-min-height:0px;
+  margin-top:var(--ck-fullscreen-editor-top-margin);
+  margin-bottom:var(--ck-spacing-large);
+  opacity:.5;
+  border-radius:100%;
+  align-self:flex-start;
+  padding-top:0;
+}
 
 .ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky{
-		min-width:270px;
-	}
+  min-width:270px;
+}
 
 .ck-fullscreen__left-sidebar > .ck-fullscreen__left-sidebar-sticky:first-child{
-			padding-top:var(--ck-fullscreen-editor-top-margin);
-		}
+  padding-top:var(--ck-fullscreen-editor-top-margin);
+}
 
 .ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed{
-		width:65px;
-	}
+  width:65px;
+}
 
 .ck-fullscreen__left-sidebar.ck-fullscreen__left-sidebar--collapsed > :not(.ck-fullscreen__left-sidebar-toggle-button){
-			display:none;
-		}
-
-.ck-fullscreen__left-sidebar .ck.ck-presence-list--collapsed{
-	--ck-user-avatar-size:32px;
+  display:none;
 }
 
-.ck-fullscreen__left-sidebar .ck-user{
-	font-size:0.85em;
+.ck-fullscreen__left-sidebar .ck.ck-presence-list--collapsed{
+  --ck-user-avatar-size:32px;
 }
 
-.ck-fullscreen__left-sidebar .ck-presence-list__users-counter__text{
-	font-size:0.85em;
+.ck-fullscreen__left-sidebar .ck-user, .ck-fullscreen__left-sidebar .ck-presence-list__users-counter__text{
+  font-size:.85em;
 }
 
 .ck-fullscreen__left-sidebar-item{
-	padding:var(--ck-spacing-medium);
-	margin-bottom:var(--ck-spacing-medium);
+  padding:var(--ck-spacing-medium);
+  margin-bottom:var(--ck-spacing-medium);
 }
 
 .ck-fullscreen__left-sidebar-item:first-child{
-		padding-top:0;
-	}
+  padding-top:0;
+}
 
 .ck-fullscreen__left-sidebar-item:last-child{
-		margin-bottom:0;
-	}
+  margin-bottom:0;
+}
 
 .ck-fullscreen__left-sidebar-header{
-	--ck-fullscreen-presence-list-header-font-size:0.875em;
-	font-size:var(--ck-fullscreen-presence-list-header-font-size);
-	font-weight:bold;
-	color:var(--ck-document-outline-item-default-color);
-	white-space:nowrap;
-	text-overflow:ellipsis;
-	overflow:hidden;
+  --ck-fullscreen-presence-list-header-font-size:.875em;
+  font-size:var(--ck-fullscreen-presence-list-header-font-size);
+  color:var(--ck-document-outline-item-default-color);
+  white-space:nowrap;
+  text-overflow:ellipsis;
+  font-weight:bold;
+  overflow:hidden;
 }
 
 .ck-fullscreen__left-sidebar--sticky{
-	position:sticky;
-	top:0;
+  position:sticky;
+  top:0;
 }
 
 .ck-fullscreen__left-sidebar--sticky > :first-child{
-		padding-top:0;
-	}
+  padding-top:0;
+}
 
 .ck-fullscreen__presence-list{
-	margin-top:var(--ck-spacing-medium);
+  margin-top:var(--ck-spacing-medium);
 }
 
 .ck-fullscreen__left-sidebar-item--no-margin{
-	margin:0;
+  margin:0;
 }
 
 .ck-fullscreen__left-sidebar .ck.ck-document-outline{
-	padding-top:0;
-	padding-left:0;
-	padding-right:0;
+  padding-top:0;
+  padding-left:0;
+  padding-right:0;
 }
 
 .ck-fullscreen__document-outline-wrapper{
-	padding-top:0;
-	overflow-y:auto;
+  padding-top:0;
+  overflow-y:auto;
 }
 
 .ck-fullscreen__sidebar.ck-fullscreen__right-sidebar{
-	margin-top:var(--ck-fullscreen-editor-top-margin);
-	margin-right:auto;
+  margin-top:var(--ck-fullscreen-editor-top-margin);
+  margin-right:auto;
 }
 
 .ck-fullscreen__sidebar.ck-fullscreen__right-sidebar:not(.ck-fullscreen__right-sidebar--collapsed) > :first-child{
-		min-width:270px;
-	}
+  min-width:270px;
+}
 
 .ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed{
-		width:65px;
-	}
+  width:65px;
+}
 
 .ck-fullscreen__sidebar.ck-fullscreen__right-sidebar.ck-fullscreen__right-sidebar--collapsed > :first-child{
-			min-width:65px;
-		}
+  min-width:65px;
+}
 
 .ck.ck-fullscreen__right-edge{
-	position:sticky;
-	top:0;
-	margin-top:0;
-	margin-left:10px;
+  margin-top:0;
+  margin-left:10px;
+  position:sticky;
+  top:0;
 }
 
 .ck.ck-fullscreen__right-edge > :first-child{
-		border-top:none;
-		border-bottom:none;
-		border-right:none;
-		height:100%;
-		width:495px;
-	}
+  border-top:none;
+  border-bottom:none;
+  border-right:none;
+  width:495px;
+  height:100%;
+}