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

package/LICENSE.md

@@ -14,7 +14,7 @@ Where not otherwise indicated, all CKEditor 5 content is authored by CKSour
 
 The following libraries are included in CKEditor 5 under the [MIT license](https://opensource.org/licenses/MIT):
 
-* es-toolkit - Copyright (c) 2024 Viva Republica, Inc.
+* es-toolkit - Copyright (c) 2024 Viva Republica, Inc and Copyright OpenJS Foundation and other contributors.
 
 Trademarks
 ----------

package/ckeditor5-metadata.json

@@ -5,22 +5,22 @@
 			"className": "Pagination",
 			"description": "Allows you to see where the page breaks would be after the document is exported to a PDF or Word file. It also respects page breaks inserted by the user with the page break feature.",
 			"docs": "features/pagination/pagination.html",
-			"path": "src/pagination.js",
+			"path": "src/pagination.ts",
 			"uiComponents": [
 				{
 					"type": "Button",
 					"name": "previousPage",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/arrow-up.svg"
+					"iconName": "IconArrowUp"
 				},
 				{
 					"type": "Button",
 					"name": "nextPage",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/arrow-down.svg"
+					"iconName": "IconArrowDown"
 				},
 				{
 					"type": "Button",
 					"name": "pageNavigation",
-					"iconPath": "@ckeditor/ckeditor5-icons/theme/icons/pagination-example.svg"
+					"iconName": "IconPaginationExample"
 				}
 			],
 			"htmlOutput": [

package/dist/index-editor.css

@@ -3,149 +3,143 @@
  * 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;
 }
 
-.ck.ck-pagination_enabled.ck-content .page-break::after{
-		display:none;
-	}
+.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;
-		}
-
-.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;
-		}
+  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{
-			outline:none;
-		}
+  outline:none;
+}
 
-.ck.ck-pagination_enabled.ck-pagination-view .ck-editor__nested-editable:not(td,th){
-			border:0;
-		}
+.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;
-		}
+  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{
-			overflow:initial;
-		}
+  overflow:initial;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view blockquote{
-			overflow:initial;
-			display:flow-root;
-		}
+  overflow:initial;
+  display:flow-root;
+}
 
 .ck.ck-pagination_enabled.ck-pagination-view .ck-bookmark{
-			width:0;
-			height:0;
-			overflow:hidden;
-		}
+  width:0;
+  height:0;
+  overflow:hidden;
+}
 
-.ck.ck-pagination_enabled.ck-pagination-view figure.table:not(.layout-table):has(> figcaption) > table{
-				width:fit-content;
-				height:fit-content;
-			}
+.ck.ck-pagination_enabled.ck-pagination-view figure.table:not(.layout-table):has( > figcaption) > table{
+  width:fit-content;
+  height:fit-content;
+}
 
-.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):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;
-			}
+  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);
+  width:var(--ck-ui-component-min-height);
+  min-width:var(--ck-ui-component-min-height);
+  text-align:center;
+  -moz-appearance:textfield;
+  background:none;
+}
 
-		background:transparent;
-		text-align:center;
-		-moz-appearance:textfield;
-	}
+.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);
-		}
+  border:1px solid #0000;
+  border-bottom:1px solid var(--ck-color-base-border);
+}
 
-.ck.ck-page-navigator > span::before{
-		content:'/';
-		margin:0 var(--ck-spacing-standard);
-	}
+.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;
-}
-
-.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);
-	}
+  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);
+  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%);
+}