@ckeditor/ckeditor5-page-break 49.0.1 → 49.1.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,6 +2,18 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
+ :root, :host {
6
+ --ck-content-page-break-line-color: #c4c4c4;
7
+ --ck-content-page-break-line-width: 2px;
8
+ --ck-content-page-break-line-style: dashed;
9
+ --ck-content-page-break-label-border-color: #c4c4c4;
10
+ --ck-content-page-break-label-border-width: 1px;
11
+ --ck-content-page-break-label-border-style: solid;
12
+ --ck-content-page-break-label-text-color: #333;
13
+ --ck-content-page-break-label-background: #fff;
14
+ --ck-content-page-break-label-shadow-color: #00000026;
15
+ }
16
+
5
17
  .ck-content .page-break {
6
18
  clear: both;
7
19
  justify-content: center;
@@ -12,7 +24,7 @@
12
24
 
13
25
  &:after {
14
26
  content: "";
15
- border-bottom: 2px dashed #c4c4c4;
27
+ border-bottom: var(--ck-content-page-break-line-width) var(--ck-content-page-break-line-style) var(--ck-content-page-break-line-color);
16
28
  width: 100%;
17
29
  position: absolute;
18
30
  }
@@ -21,18 +33,18 @@
21
33
  .ck-content .page-break__label {
22
34
  z-index: 1;
23
35
  text-transform: uppercase;
24
- color: #333;
36
+ border: var(--ck-content-page-break-label-border-width) var(--ck-content-page-break-label-border-style) var(--ck-content-page-break-label-border-color);
37
+ color: var(--ck-content-page-break-label-text-color);
38
+ background: var(--ck-content-page-break-label-background);
39
+ box-shadow: 2px 2px 1px var(--ck-content-page-break-label-shadow-color);
25
40
  -webkit-user-select: none;
26
41
  user-select: none;
27
- background: #fff;
28
- border: 1px solid #c4c4c4;
29
42
  border-radius: 2px;
30
43
  padding: .3em .6em;
31
44
  font-size: .75em;
32
45
  font-weight: bold;
33
46
  display: block;
34
47
  position: relative;
35
- box-shadow: 2px 2px 1px #00000026;
36
48
  }
37
49
 
38
50
  @media print {
@@ -1 +1 @@
1
- {"version":3,"sources":["../theme/index-content.css","index-content.css"],"names":[],"mappings":";;;;AAMA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA;ACLA,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI;AACb,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM;AACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM;AACrB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;AAChB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;AACf,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;;AAEpB,CAAC,CDMA,CAAA,CAAA,KAAA,CAAA;ACLD,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM;AACrC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;AACf,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACtB,CAAC,CAAC;AACF;;ADQA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA;ACLA,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;AAC3B,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;AACb,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AAC3B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG;AAClB,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM;AAC3B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG;AACpB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG;AACpB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;AAClB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK;AAChB,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACpB,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ;AACnC;;ADWA,CAAA,KAAA,CAAA,KAAA,CAAA;ACRA,CAAC,CDSA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA;ACRD,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;;AAEd,CAAC,CAAC,CAAC,CDSD,CAAA,CAAA,KAAA,CAAA;ACRF,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;;AAEF,CAAC,CDeA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;ACdD,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC;AACF;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index-content.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n/* content-layer: pending color palette */\n.ck-content .page-break {\n\tposition: relative;\n\tclear: both;\n\tpadding: 5px 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tborder-bottom: 2px dashed hsl(0, 0%, 77%);\n\t\twidth: 100%;\n\t}\n}\n\n.ck-content .page-break__label {\n\tposition: relative;\n\tz-index: 1;\n\tpadding: .3em .6em;\n\tdisplay: block;\n\ttext-transform: uppercase;\n\tborder: 1px solid hsl(0, 0%, 77%);\n\tborder-radius: 2px;\n\tfont-size: 0.75em;\n\tfont-weight: bold;\n\tcolor: hsl(0, 0%, 20%);\n\tbackground: hsl(0, 0%, 100%);\n\tbox-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);\n\n\t/* Disable the possibility to select the label text by the user. */\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n/* Do not show the page break element inside the print preview window. */\n@media print {\n\t.ck-content .page-break {\n\t\tpadding: 0;\n\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/*\n\t * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.\n\t * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.\n\t *\n\t * Keep this in sync with the pagination plugins.\n\t */\n\t.ck-content *:has(+ .page-break) {\n\t\tmargin-bottom: 0;\n\t}\n}\n",".ck-content .page-break {\n clear: both;\n justify-content: center;\n align-items: center;\n padding: 5px 0;\n display: flex;\n position: relative;\n\n &:after {\n content: \"\";\n border-bottom: 2px dashed #c4c4c4;\n width: 100%;\n position: absolute;\n }\n}\n\n.ck-content .page-break__label {\n z-index: 1;\n text-transform: uppercase;\n color: #333;\n -webkit-user-select: none;\n user-select: none;\n background: #fff;\n border: 1px solid #c4c4c4;\n border-radius: 2px;\n padding: .3em .6em;\n font-size: .75em;\n font-weight: bold;\n display: block;\n position: relative;\n box-shadow: 2px 2px 1px #00000026;\n}\n\n@media print {\n .ck-content .page-break {\n padding: 0;\n\n &:after {\n display: none;\n }\n }\n\n .ck-content :has( + .page-break) {\n margin-bottom: 0;\n }\n}\n\n/*# sourceMappingURL=index-content.css.map */"]}
1
+ {"version":3,"sources":["../theme/index-content.css","index-content.css"],"names":[],"mappings":";;;;AAKA,CAAA,IAAA,CAAA,CAAA,CAAA,IAAA,CAAA;ACJA,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;AAC7C,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG;AACzC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,MAAM;AAC5C,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM;AACrD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG;AACjD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK;AACnD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;AAChD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG;AAChD,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;AACvD;;ADSA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA;ACNA,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI;AACb,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM;AACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM;AACrB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;AAChB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;AACf,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;;AAEpB,CAAC,CDOA,CAAA,CAAA,KAAA,CAAA;ACND,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AAC1I,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;AACf,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACtB,CAAC,CAAC;AACF;;ADSA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA;ACNA,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;AAC3B,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACzJ,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;AACtD,CAAC,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC;AAC3D,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACzE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AAC3B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG;AACpB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG;AACpB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;AAClB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK;AAChB,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACpB;;ADYA,CAAA,KAAA,CAAA,KAAA,CAAA;ACTA,CAAC,CDUA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA;ACTD,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;;AAEd,CAAC,CAAC,CAAC,CDUD,CAAA,CAAA,KAAA,CAAA;ACTF,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;;AAEF,CAAC,CDgBA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;ACfD,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC;AACF;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index-content.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t/* Page break line and label (content), themable from :root. */\n\t--ck-content-page-break-line-color: hsl(0, 0%, 77%);\n\t--ck-content-page-break-line-width: 2px;\n\t--ck-content-page-break-line-style: dashed;\n\t--ck-content-page-break-label-border-color: hsl(0, 0%, 77%);\n\t--ck-content-page-break-label-border-width: 1px;\n\t--ck-content-page-break-label-border-style: solid;\n\t--ck-content-page-break-label-text-color: hsl(0, 0%, 20%);\n\t--ck-content-page-break-label-background: hsl(0, 0%, 100%);\n\t--ck-content-page-break-label-shadow-color: hsla(0, 0%, 0%, 0.15);\n}\n\n.ck-content .page-break {\n\tposition: relative;\n\tclear: both;\n\tpadding: 5px 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tborder-bottom: var(--ck-content-page-break-line-width) var(--ck-content-page-break-line-style) var(--ck-content-page-break-line-color);\n\t\twidth: 100%;\n\t}\n}\n\n.ck-content .page-break__label {\n\tposition: relative;\n\tz-index: 1;\n\tpadding: .3em .6em;\n\tdisplay: block;\n\ttext-transform: uppercase;\n\tborder: var(--ck-content-page-break-label-border-width) var(--ck-content-page-break-label-border-style) var(--ck-content-page-break-label-border-color);\n\tborder-radius: 2px;\n\tfont-size: 0.75em;\n\tfont-weight: bold;\n\tcolor: var(--ck-content-page-break-label-text-color);\n\tbackground: var(--ck-content-page-break-label-background);\n\tbox-shadow: 2px 2px 1px var(--ck-content-page-break-label-shadow-color);\n\n\t/* Disable the possibility to select the label text by the user. */\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n/* Do not show the page break element inside the print preview window. */\n@media print {\n\t.ck-content .page-break {\n\t\tpadding: 0;\n\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/*\n\t * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.\n\t * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.\n\t *\n\t * Keep this in sync with the pagination plugins.\n\t */\n\t.ck-content *:has(+ .page-break) {\n\t\tmargin-bottom: 0;\n\t}\n}\n",":root, :host {\n --ck-content-page-break-line-color: #c4c4c4;\n --ck-content-page-break-line-width: 2px;\n --ck-content-page-break-line-style: dashed;\n --ck-content-page-break-label-border-color: #c4c4c4;\n --ck-content-page-break-label-border-width: 1px;\n --ck-content-page-break-label-border-style: solid;\n --ck-content-page-break-label-text-color: #333;\n --ck-content-page-break-label-background: #fff;\n --ck-content-page-break-label-shadow-color: #00000026;\n}\n\n.ck-content .page-break {\n clear: both;\n justify-content: center;\n align-items: center;\n padding: 5px 0;\n display: flex;\n position: relative;\n\n &:after {\n content: \"\";\n border-bottom: var(--ck-content-page-break-line-width) var(--ck-content-page-break-line-style) var(--ck-content-page-break-line-color);\n width: 100%;\n position: absolute;\n }\n}\n\n.ck-content .page-break__label {\n z-index: 1;\n text-transform: uppercase;\n border: var(--ck-content-page-break-label-border-width) var(--ck-content-page-break-label-border-style) var(--ck-content-page-break-label-border-color);\n color: var(--ck-content-page-break-label-text-color);\n background: var(--ck-content-page-break-label-background);\n box-shadow: 2px 2px 1px var(--ck-content-page-break-label-shadow-color);\n -webkit-user-select: none;\n user-select: none;\n border-radius: 2px;\n padding: .3em .6em;\n font-size: .75em;\n font-weight: bold;\n display: block;\n position: relative;\n}\n\n@media print {\n .ck-content .page-break {\n padding: 0;\n\n &:after {\n display: none;\n }\n }\n\n .ck-content :has( + .page-break) {\n margin-bottom: 0;\n }\n}\n\n/*# sourceMappingURL=index-content.css.map */"]}
package/dist/index.css CHANGED
@@ -2,6 +2,18 @@
2
2
  * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.
3
3
  * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options
4
4
  */
5
+ :root, :host {
6
+ --ck-content-page-break-line-color: #c4c4c4;
7
+ --ck-content-page-break-line-width: 2px;
8
+ --ck-content-page-break-line-style: dashed;
9
+ --ck-content-page-break-label-border-color: #c4c4c4;
10
+ --ck-content-page-break-label-border-width: 1px;
11
+ --ck-content-page-break-label-border-style: solid;
12
+ --ck-content-page-break-label-text-color: #333;
13
+ --ck-content-page-break-label-background: #fff;
14
+ --ck-content-page-break-label-shadow-color: #00000026;
15
+ }
16
+
5
17
  .ck-content .page-break {
6
18
  clear: both;
7
19
  justify-content: center;
@@ -12,7 +24,7 @@
12
24
 
13
25
  &:after {
14
26
  content: "";
15
- border-bottom: 2px dashed #c4c4c4;
27
+ border-bottom: var(--ck-content-page-break-line-width) var(--ck-content-page-break-line-style) var(--ck-content-page-break-line-color);
16
28
  width: 100%;
17
29
  position: absolute;
18
30
  }
@@ -21,18 +33,18 @@
21
33
  .ck-content .page-break__label {
22
34
  z-index: 1;
23
35
  text-transform: uppercase;
24
- color: #333;
36
+ border: var(--ck-content-page-break-label-border-width) var(--ck-content-page-break-label-border-style) var(--ck-content-page-break-label-border-color);
37
+ color: var(--ck-content-page-break-label-text-color);
38
+ background: var(--ck-content-page-break-label-background);
39
+ box-shadow: 2px 2px 1px var(--ck-content-page-break-label-shadow-color);
25
40
  -webkit-user-select: none;
26
41
  user-select: none;
27
- background: #fff;
28
- border: 1px solid #c4c4c4;
29
42
  border-radius: 2px;
30
43
  padding: .3em .6em;
31
44
  font-size: .75em;
32
45
  font-weight: bold;
33
46
  display: block;
34
47
  position: relative;
35
- box-shadow: 2px 2px 1px #00000026;
36
48
  }
37
49
 
38
50
  @media print {
@@ -1 +1 @@
1
- {"version":3,"sources":["../theme/index-content.css","index.css"],"names":[],"mappings":";;;;AAMA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA;ACLA,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI;AACb,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,MAAM;AACzB,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM;AACrB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC;AAChB,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;AACf,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;;AAEpB,CAAC,CDMA,CAAA,CAAA,KAAA,CAAA;ACLD,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;AACf,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM;AACrC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC;AACf,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACtB,CAAC,CAAC;AACF;;ADQA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,YAAA,CAAA;ACLA,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AACZ,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,SAAS;AAC3B,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;AACb,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AAC3B,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG;AAClB,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,MAAM;AAC3B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,GAAG;AACpB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG;AACpB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI;AAClB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,OAAO,CAAC,CAAC,KAAK;AAChB,CAAC,CAAC,QAAQ,CAAC,CAAC,QAAQ;AACpB,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ;AACnC;;ADWA,CAAA,KAAA,CAAA,KAAA,CAAA;ACRA,CAAC,CDSA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA;ACRD,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;;AAEd,CAAC,CAAC,CAAC,CDSD,CAAA,CAAA,KAAA,CAAA;ACRF,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI;AACnB,CAAC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC;;AAEF,CAAC,CDeA,CAAA,EAAA,CAAA,OAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,KAAA,CAAA,CAAA;ACdD,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;AACpB,CAAC,CAAC;AACF;;AAEA,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC","file":"index.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n/* content-layer: pending color palette */\n.ck-content .page-break {\n\tposition: relative;\n\tclear: both;\n\tpadding: 5px 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tborder-bottom: 2px dashed hsl(0, 0%, 77%);\n\t\twidth: 100%;\n\t}\n}\n\n.ck-content .page-break__label {\n\tposition: relative;\n\tz-index: 1;\n\tpadding: .3em .6em;\n\tdisplay: block;\n\ttext-transform: uppercase;\n\tborder: 1px solid hsl(0, 0%, 77%);\n\tborder-radius: 2px;\n\tfont-size: 0.75em;\n\tfont-weight: bold;\n\tcolor: hsl(0, 0%, 20%);\n\tbackground: hsl(0, 0%, 100%);\n\tbox-shadow: 2px 2px 1px hsla(0, 0%, 0%, 0.15);\n\n\t/* Disable the possibility to select the label text by the user. */\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n/* Do not show the page break element inside the print preview window. */\n@media print {\n\t.ck-content .page-break {\n\t\tpadding: 0;\n\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/*\n\t * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.\n\t * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.\n\t *\n\t * Keep this in sync with the pagination plugins.\n\t */\n\t.ck-content *:has(+ .page-break) {\n\t\tmargin-bottom: 0;\n\t}\n}\n",".ck-content .page-break {\n clear: both;\n justify-content: center;\n align-items: center;\n padding: 5px 0;\n display: flex;\n position: relative;\n\n &:after {\n content: \"\";\n border-bottom: 2px dashed #c4c4c4;\n width: 100%;\n position: absolute;\n }\n}\n\n.ck-content .page-break__label {\n z-index: 1;\n text-transform: uppercase;\n color: #333;\n -webkit-user-select: none;\n user-select: none;\n background: #fff;\n border: 1px solid #c4c4c4;\n border-radius: 2px;\n padding: .3em .6em;\n font-size: .75em;\n font-weight: bold;\n display: block;\n position: relative;\n box-shadow: 2px 2px 1px #00000026;\n}\n\n@media print {\n .ck-content .page-break {\n padding: 0;\n\n &:after {\n display: none;\n }\n }\n\n .ck-content :has( + .page-break) {\n margin-bottom: 0;\n }\n}\n\n/*# sourceMappingURL=index.css.map */"]}
1
+ {"version":3,"sources":["../theme/index-content.css","index.css"],"names":[],"mappings":"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","file":"index.css.map","sourcesContent":["/*\n * @license Copyright (c) 2003-2026, CKSource Holding sp. z o.o. All rights reserved.\n * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-licensing-options\n */\n\n:root,\n:host {\n\t/* Page break line and label (content), themable from :root. */\n\t--ck-content-page-break-line-color: hsl(0, 0%, 77%);\n\t--ck-content-page-break-line-width: 2px;\n\t--ck-content-page-break-line-style: dashed;\n\t--ck-content-page-break-label-border-color: hsl(0, 0%, 77%);\n\t--ck-content-page-break-label-border-width: 1px;\n\t--ck-content-page-break-label-border-style: solid;\n\t--ck-content-page-break-label-text-color: hsl(0, 0%, 20%);\n\t--ck-content-page-break-label-background: hsl(0, 0%, 100%);\n\t--ck-content-page-break-label-shadow-color: hsla(0, 0%, 0%, 0.15);\n}\n\n.ck-content .page-break {\n\tposition: relative;\n\tclear: both;\n\tpadding: 5px 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\n\t&::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tborder-bottom: var(--ck-content-page-break-line-width) var(--ck-content-page-break-line-style) var(--ck-content-page-break-line-color);\n\t\twidth: 100%;\n\t}\n}\n\n.ck-content .page-break__label {\n\tposition: relative;\n\tz-index: 1;\n\tpadding: .3em .6em;\n\tdisplay: block;\n\ttext-transform: uppercase;\n\tborder: var(--ck-content-page-break-label-border-width) var(--ck-content-page-break-label-border-style) var(--ck-content-page-break-label-border-color);\n\tborder-radius: 2px;\n\tfont-size: 0.75em;\n\tfont-weight: bold;\n\tcolor: var(--ck-content-page-break-label-text-color);\n\tbackground: var(--ck-content-page-break-label-background);\n\tbox-shadow: 2px 2px 1px var(--ck-content-page-break-label-shadow-color);\n\n\t/* Disable the possibility to select the label text by the user. */\n\t-webkit-user-select: none;\n\tuser-select: none;\n}\n\n/* Do not show the page break element inside the print preview window. */\n@media print {\n\t.ck-content .page-break {\n\t\tpadding: 0;\n\n\t\t&::after {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t/*\n\t * From time to time placing page-break directly after a block element with margin causes appending a new blank page in pagination mode.\n\t * Removing margin-bottom from the block element fixes that issue and the margin is not being moved to the next blank page.\n\t *\n\t * Keep this in sync with the pagination plugins.\n\t */\n\t.ck-content *:has(+ .page-break) {\n\t\tmargin-bottom: 0;\n\t}\n}\n",":root, :host {\n --ck-content-page-break-line-color: #c4c4c4;\n --ck-content-page-break-line-width: 2px;\n --ck-content-page-break-line-style: dashed;\n --ck-content-page-break-label-border-color: #c4c4c4;\n --ck-content-page-break-label-border-width: 1px;\n --ck-content-page-break-label-border-style: solid;\n --ck-content-page-break-label-text-color: #333;\n --ck-content-page-break-label-background: #fff;\n --ck-content-page-break-label-shadow-color: #00000026;\n}\n\n.ck-content .page-break {\n clear: both;\n justify-content: center;\n align-items: center;\n padding: 5px 0;\n display: flex;\n position: relative;\n\n &:after {\n content: \"\";\n border-bottom: var(--ck-content-page-break-line-width) var(--ck-content-page-break-line-style) var(--ck-content-page-break-line-color);\n width: 100%;\n position: absolute;\n }\n}\n\n.ck-content .page-break__label {\n z-index: 1;\n text-transform: uppercase;\n border: var(--ck-content-page-break-label-border-width) var(--ck-content-page-break-label-border-style) var(--ck-content-page-break-label-border-color);\n color: var(--ck-content-page-break-label-text-color);\n background: var(--ck-content-page-break-label-background);\n box-shadow: 2px 2px 1px var(--ck-content-page-break-label-shadow-color);\n -webkit-user-select: none;\n user-select: none;\n border-radius: 2px;\n padding: .3em .6em;\n font-size: .75em;\n font-weight: bold;\n display: block;\n position: relative;\n}\n\n@media print {\n .ck-content .page-break {\n padding: 0;\n\n &:after {\n display: none;\n }\n }\n\n .ck-content :has( + .page-break) {\n margin-bottom: 0;\n }\n}\n\n/*# sourceMappingURL=index.css.map */"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ckeditor/ckeditor5-page-break",
3
- "version": "49.0.1",
3
+ "version": "49.1.0-alpha.0",
4
4
  "description": "Page break feature for CKEditor 5.",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "CKSource (http://cksource.com/)",
@@ -26,12 +26,12 @@
26
26
  "./package.json": "./package.json"
27
27
  },
28
28
  "dependencies": {
29
- "@ckeditor/ckeditor5-core": "49.0.1",
30
- "@ckeditor/ckeditor5-engine": "49.0.1",
31
- "@ckeditor/ckeditor5-icons": "49.0.1",
32
- "@ckeditor/ckeditor5-ui": "49.0.1",
33
- "@ckeditor/ckeditor5-utils": "49.0.1",
34
- "@ckeditor/ckeditor5-widget": "49.0.1"
29
+ "@ckeditor/ckeditor5-core": "49.1.0-alpha.0",
30
+ "@ckeditor/ckeditor5-engine": "49.1.0-alpha.0",
31
+ "@ckeditor/ckeditor5-icons": "49.1.0-alpha.0",
32
+ "@ckeditor/ckeditor5-ui": "49.1.0-alpha.0",
33
+ "@ckeditor/ckeditor5-utils": "49.1.0-alpha.0",
34
+ "@ckeditor/ckeditor5-widget": "49.1.0-alpha.0"
35
35
  },
36
36
  "files": [
37
37
  "dist",