@ckeditor/ckeditor5-pagination 47.6.1 → 48.0.0-alpha.0

package/dist/index.css

@@ -2,291 +2,144 @@
  * @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
  */
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * 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
- */
-
 :root {
-	--ck-color-pagination-divider: hsl(0, 0%, 67%);
+  --ck-color-pagination-divider: #ababab;
 }
 
-/*
- * Content styles.
- */
-
-.ck.ck-pagination_enabled.ck-content .page-break::after {
-		display: none;
-	}
-
-/*
-		 * Reset all layout styles for content root as the pagination-view is responsible for page size and margins.
-		*/
+.ck.ck-pagination_enabled.ck-content .page-break:after {
+  display: none;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view > .ck-content {
-			padding: 0;
-			margin: 0;
-			width: auto;
-			height: auto;
-			min-width: auto;
-			min-height: auto;
-			max-width: none;
-			max-height: none;
-			border: none;
-			box-sizing: border-box;
-			overflow: unset;
-		}
-
-/**
-		 * Hide all UI related elements.
-		 */
+  box-sizing: border-box;
+  width: auto;
+  min-width: auto;
+  max-width: none;
+  height: auto;
+  min-height: auto;
+  max-height: none;
+  overflow: unset;
+  border: none;
+  margin: 0;
+  padding: 0;
+}
 
-.ck.ck-pagination_enabled.ck-pagination-view .ck-widget__type-around,
-		.ck.ck-pagination_enabled.ck-pagination-view .ck-fake-selection-container,
-		.ck.ck-pagination_enabled.ck-pagination-view .ck-widget__selection-handle,
-		.ck.ck-pagination_enabled.ck-pagination-view .ck-widget__resizer,
-		.ck.ck-pagination_enabled.ck-pagination-view .ck-table-column-resizer {
-			display: none;
-		}
+.ck.ck-pagination_enabled.ck-pagination-view .ck-widget__type-around, .ck.ck-pagination_enabled.ck-pagination-view .ck-fake-selection-container, .ck.ck-pagination_enabled.ck-pagination-view .ck-widget__selection-handle, .ck.ck-pagination_enabled.ck-pagination-view .ck-widget__resizer, .ck.ck-pagination_enabled.ck-pagination-view .ck-table-column-resizer {
+  display: none;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view .ck-widget {
-			outline: none;
-		}
-
-/*
-		 * Disable border for image/table caption (existing only in editing view).
-		 */
-
-.ck.ck-pagination_enabled.ck-pagination-view .ck-editor__nested-editable:not(td,th) {
-			border: 0;
-		}
+  outline: none;
+}
 
-/*
-		 * Chrome ignores padding-top on the first paragraph at the beginning of the page,
-		 * causing incorrect page calculations. In documents consisting solely of paragraphs
-		 * (especially those with soft line breaks), this may cause the last paragraph to be
-		 * unexpectedly pushed to the next page.
-		 *
-		 * See more: https://github.com/ckeditor/ckeditor5-commercial/issues/7316
-		 */
+.ck.ck-pagination_enabled.ck-pagination-view .ck-editor__nested-editable:not(td, th) {
+  border: 0;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view p:first-child {
-			padding-top: 0;
-		}
-
-/*
-		 * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.
-		 * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.
-		 *
-		 * Identical CSS rule is also present in the page break CSS files so keep them in sync to make sure that the issue is fixed both in the
-		 * editor preview and in the printed content (used by the export document plugins).
-		 *
-		 * See more: https://github.com/ckeditor/ckeditor5-commercial/issues/6289.
-		 */
+  padding-top: 0;
+}
 
-.ck.ck-pagination_enabled.ck-pagination-view *:has(+ .page-break) {
-			margin-bottom: 0;
-		}
+.ck.ck-pagination_enabled.ck-pagination-view :has( + .page-break) {
+  margin-bottom: 0;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view .page-break {
-			padding: 0;
-			margin: 0;
-			break-after: column;
-			display: block;
-			height: 0;
-
-		}
-
-.ck.ck-pagination_enabled.ck-pagination-view .page-break .page-break__label {
-				display: none;
-			}
+  break-after: column;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  display: block;
+}
 
-.ck.ck-pagination_enabled.ck-pagination-view .page-break::after {
-				display: none;
-			}
+.ck.ck-pagination_enabled.ck-pagination-view .page-break .page-break__label, .ck.ck-pagination_enabled.ck-pagination-view .page-break:after {
+  display: none;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view .table table {
-
-			/*
-			 * Tables that have overflow set to hidden are incorrectly split between pages on the chrome. Reset the overflow to initial fixes this issue.
-			 *
-			 * See: https://github.com/ckeditor/ckeditor5/issues/14426.
-			 */
-			overflow: initial;
-		}
+  overflow: initial;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view blockquote {
-			overflow: initial;
-
-			/*
-			 * Disable inner margins from merging with outside margins
-			 */
-			display: flow-root;
-		}
-
-/**
-		 * The bookmark widget must not expand content next to it but still it has to be rendered so page-break before it can be recorded.
-		 */
+  overflow: initial;
+  display: flow-root;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view .ck-bookmark {
-			width: 0;
-			height: 0;
-			overflow: hidden;
-		}
-
-/*
-		 * Sometimes Chrome incorrectly calculates the height of the last table row and some
-		 * of the content overlaps the paragraph that is placed directly after the table. It affects
-		 * the column split mode pagination calculation which causes mismatch between the print mode and
-		 * the preview mode.
-		 *
-		 * This issue happens only if:
-		 *
-		 * 	* The table is inside a figure element.
-		 * 	* The table has `display: table` style set.
-		 * 	* The block element is placed directly after the table.
-		 *
-		 * The print mode is not affected, the issue happens only in the column split mode.
-		 *
-		 * See:
-		 * https://github.com/cksource/ckeditor5-commercial/issues/6707
-		 * https://github.com/ckeditor/ckeditor5-commercial/issues/8184
-		 * https://github.com/ckeditor/ckeditor5-commercial/issues/8203
-		 * https://github.com/ckeditor/ckeditor5-commercial/issues/9067
-		 * https://github.com/ckeditor/ckeditor5/issues/6186
-		 */
-
-.ck.ck-pagination_enabled.ck-pagination-view figure.table:not(.layout-table):has(> figcaption) > table {
-				width: fit-content;
-				height: fit-content;
-			}
+  width: 0;
+  height: 0;
+  overflow: hidden;
+}
 
-.ck.ck-pagination_enabled.ck-pagination-view figure.table:not(.layout-table):not(:has(> figcaption)) {
-				display: block;
-				width: fit-content;
-			}
+.ck.ck-pagination_enabled.ck-pagination-view figure.table:not(.layout-table):has( > figcaption) > table {
+  width: fit-content;
+  height: fit-content;
+}
 
-/**
-		 * Make ToC page fragmentable.
-		 */
+.ck.ck-pagination_enabled.ck-pagination-view figure.table:not(.layout-table):not(:has( > figcaption)) {
+  width: fit-content;
+  display: block;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view .table-of-contents {
-			border: 0;
-		}
+  border: 0;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view .table-of-contents ol li {
-				overflow: visible;
-			}
-
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * 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
- */
-
-/*
- * 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
- */
-
-/**
- * Implements rounded corner interface for .ck-rounded-corners class.
- *
- * @see $ck-border-radius
- */
-/*
- * 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
- */
-/**
- * A visual style of focused element's border.
- */
-/*
- * 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
- */
-/**
- * A helper to combine multiple shadows.
- */
-/**
- * Gives an element a drop shadow so it looks like a floating panel.
- */
-/*
- * 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
- */
-/**
- * A class which indicates that an element holding it is disabled.
- */
+  overflow: visible;
+}
 
 .ck.ck-page-navigator {
-	padding: 0 var(--ck-spacing-standard);
-	line-height: 1;
+  padding: 0 var(--ck-spacing-standard);
+  line-height: 1;
 }
 
 .ck.ck-page-navigator > .ck-input-number {
-		width: var(--ck-ui-component-min-height);
-		min-width: var(--ck-ui-component-min-height);
-
-		background: transparent;
-		text-align: center;
-
-		/* Disable native increment/decrement buttons (FF). */
-		-moz-appearance: textfield;
+  width: var(--ck-ui-component-min-height);
+  min-width: var(--ck-ui-component-min-height);
+  text-align: center;
+  -moz-appearance: textfield;
+  background: none;
+}
 
-		/* Disable native increment/decrement buttons (Webkit). */
-	}
+.ck.ck-page-navigator > .ck-input-number::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 
-.ck.ck-page-navigator > .ck-input-number::-webkit-inner-spin-button,
-		.ck.ck-page-navigator > .ck-input-number::-webkit-outer-spin-button {
-			-webkit-appearance: none;
-			margin: 0;
-		}
+.ck.ck-page-navigator > .ck-input-number::-webkit-outer-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
 
 .ck.ck-page-navigator > .ck-input-number:not(:focus) {
-			border: 1px solid transparent;
-			border-bottom: 1px solid var(--ck-color-base-border);
-		}
-
-.ck.ck-page-navigator > span::before {
-		content: '/';
-		margin: 0 var(--ck-spacing-standard);
-	}
+  border: 1px solid #0000;
+  border-bottom: 1px solid var(--ck-color-base-border);
+}
 
-/*
- * What you're currently looking at is the source code of a legally protected, proprietary software.
- * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
- * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
- *
- * 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
- */
+.ck.ck-page-navigator > span:before {
+  content: "/";
+  margin: 0 var(--ck-spacing-standard);
+}
 
 .ck.ck-pagination-view-line {
-	position: absolute;
-	height: 0;
-	border-top: 1px dotted var(--ck-color-pagination-divider);
-	pointer-events: none;
+  border-top: 1px dotted var(--ck-color-pagination-divider);
+  pointer-events: none;
+  height: 0;
+  position: absolute;
 }
 
-.ck.ck-pagination-view-line::after {
-		content: attr(data-page-number);
-		font-size: 10px;
-		background: hsl(0, 0%, 77%);
-		color: var(--ck-color-base-background);
-		display: inline-block;
-		position: absolute;
-		right: -1px;
-		transform: translateX(100%);
-		min-width: 18px;
-		text-align: center;
-		top: -1px;
-		padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
-	}
+.ck.ck-pagination-view-line:after {
+  content: attr(data-page-number);
+  color: var(--ck-color-base-background);
+  text-align: center;
+  min-width: 18px;
+  padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
+  background: #c4c4c4;
+  font-size: 10px;
+  display: inline-block;
+  position: absolute;
+  top: -1px;
+  right: -1px;
+  transform: translateX(100%);
+}