@ckeditor/ckeditor5-table 48.3.1 → 48.4.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.
Files changed (35) hide show
  1. package/ckeditor5-metadata.json +12 -1
  2. package/dist/augmentation.d.ts +4 -1
  3. package/dist/commands/inserttablecommand.d.ts +5 -0
  4. package/dist/commands/inserttablelayoutcommand.d.ts +5 -0
  5. package/dist/commands/splitcellcommand.d.ts +2 -1
  6. package/dist/index-content.css +81 -82
  7. package/dist/index-content.css.map +1 -0
  8. package/dist/index-editor.css +537 -450
  9. package/dist/index-editor.css.map +1 -0
  10. package/dist/index.css +214 -125
  11. package/dist/index.css.map +1 -1
  12. package/dist/index.d.ts +6 -1
  13. package/dist/index.js +908 -60
  14. package/dist/index.js.map +1 -1
  15. package/dist/table.d.ts +0 -1
  16. package/dist/tablecaption.d.ts +0 -1
  17. package/dist/tablecellproperties/tablecellpropertiesui.d.ts +7 -0
  18. package/dist/tablecellproperties/ui/tablecellpropertiesview.d.ts +0 -3
  19. package/dist/tablecolumnresize/commands/tablecolumnwidthcommand.d.ts +56 -0
  20. package/dist/tablecolumnresize/constants.d.ts +15 -0
  21. package/dist/tablecolumnresize/tablecolumnresizeediting.d.ts +81 -2
  22. package/dist/tablecolumnresize/utils.d.ts +30 -0
  23. package/dist/tablecolumnresize.d.ts +0 -1
  24. package/dist/tableconfig.d.ts +38 -0
  25. package/dist/tableediting.d.ts +0 -1
  26. package/dist/tablelayout/tablelayoutediting.d.ts +0 -1
  27. package/dist/tableproperties/ui/tablepropertiesview.d.ts +0 -3
  28. package/dist/tablescroll/tablescrollediting.d.ts +82 -0
  29. package/dist/tablescroll/watchers.d.ts +23 -0
  30. package/dist/tablescroll.d.ts +23 -0
  31. package/dist/tableselection.d.ts +0 -1
  32. package/dist/ui/colorinputview.d.ts +0 -1
  33. package/dist/ui/inserttableview.d.ts +0 -1
  34. package/dist/utils/common.d.ts +6 -0
  35. package/package.json +10 -9
@@ -2,728 +2,815 @@
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
- .ck-editor__editable .ck-table-bogus-paragraph{
6
- width:100%;
7
- display:inline-block;
5
+ .ck-editor__editable .ck-table-bogus-paragraph {
6
+ width: 100%;
7
+ display: inline-block;
8
8
  }
9
9
 
10
- :root{
11
- --ck-color-table-focused-cell-background:#9ec9fa4d;
12
- --ck-table-content-default-border-color:#d4d4d4;
13
- --ck-table-border-none-helper-line-color:#d4d4d4;
14
- --ck-table-border-none-helper-line-style:dashed;
15
- --ck-table-border-none-helper-line-width:1px;
10
+ :root {
11
+ --ck-color-table-focused-cell-background: #9ec9fa4d;
12
+ --ck-table-content-default-border-color: #d4d4d4;
13
+ --ck-table-border-none-helper-line-color: #d4d4d4;
14
+ --ck-table-border-none-helper-line-style: dashed;
15
+ --ck-table-border-none-helper-line-width: 1px;
16
16
  }
17
17
 
18
- .ck-widget.table table[style*="border:none"], .ck-widget.table table[style*="border-style:none"], .ck-widget.table table[style*="border:0"], .ck-widget.table table[style*="border-width:0"]{
19
- outline:var(--ck-table-content-default-border-color) 1px dashed;
18
+ .ck-widget.table table[style*="border:none"], .ck-widget.table table[style*="border-style:none"], .ck-widget.table table[style*="border:0"], .ck-widget.table table[style*="border-width:0"] {
19
+ outline: var(--ck-table-content-default-border-color) 1px dashed;
20
20
  }
21
21
 
22
- :is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable{
23
- outline:unset;
22
+ :is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable {
23
+ outline: unset;
24
24
  }
25
25
 
26
- :is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable:not(.ck-editor__editable_selected).ck-editor__nested-editable_focused, :is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable:not(.ck-editor__editable_selected):focus{
27
- background:var(--ck-color-table-focused-cell-background);
28
- outline:1px solid var(--ck-color-focus-border);
29
- outline-offset:-1px;
26
+ :is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable:not(.ck-editor__editable_selected).ck-editor__nested-editable_focused, :is(.ck-widget.table td, .ck-widget.table th).ck-editor__nested-editable:not(.ck-editor__editable_selected):focus {
27
+ background: var(--ck-color-table-focused-cell-background);
28
+ outline: 1px solid var(--ck-color-focus-border);
29
+ outline-offset: -1px;
30
30
  }
31
31
 
32
- :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table){
33
- --ck-table-border-none-helper-line:var(--ck-table-border-none-helper-line-width) var(--ck-table-border-none-helper-line-style) var(--ck-table-border-none-helper-line-color);
32
+ :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) {
33
+ --ck-table-border-none-helper-line: var(--ck-table-border-none-helper-line-width)
34
+ var(--ck-table-border-none-helper-line-style)
35
+ var(--ck-table-border-none-helper-line-color);
34
36
  }
35
37
 
36
- :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(td, th):where([style*="border:none"], [style*="border:0"], [style*="border-style:none"], [style*="border-width:0"]){
37
- border:var(--ck-table-border-none-helper-line) !important;
38
+ :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(td, th):where([style*="border:none"], [style*="border:0"], [style*="border-style:none"], [style*="border-width:0"]) {
39
+ border: var(--ck-table-border-none-helper-line) !important;
38
40
  }
39
41
 
40
- :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-top-style:none"], [style*="border-top-width:0"]){
41
- border-top:var(--ck-table-border-none-helper-line) !important;
42
+ :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-top-style:none"], [style*="border-top-width:0"]) {
43
+ border-top: var(--ck-table-border-none-helper-line) !important;
42
44
  }
43
45
 
44
- :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-right-style:none"], [style*="border-right-width:0"]){
45
- border-right:var(--ck-table-border-none-helper-line) !important;
46
+ :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-right-style:none"], [style*="border-right-width:0"]) {
47
+ border-right: var(--ck-table-border-none-helper-line) !important;
46
48
  }
47
49
 
48
- :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-bottom-style:none"], [style*="border-bottom-width:0"]){
49
- border-bottom:var(--ck-table-border-none-helper-line) !important;
50
+ :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-bottom-style:none"], [style*="border-bottom-width:0"]) {
51
+ border-bottom: var(--ck-table-border-none-helper-line) !important;
50
52
  }
51
53
 
52
- :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-left-style:none"], [style*="border-left-width:0"]){
53
- border-left:var(--ck-table-border-none-helper-line) !important;
54
+ :where(.ck.ck-editor__editable.ck-table-show-hidden-borders .ck-widget.table) :where(table, td, th):where([style*="border-left-style:none"], [style*="border-left-width:0"]) {
55
+ border-left: var(--ck-table-border-none-helper-line) !important;
54
56
  }
55
57
 
56
- .ck.ck-table-cell-properties-form{
57
- width:320px;
58
+ .ck.ck-table-cell-properties-form {
59
+ width: 320px;
58
60
  }
59
61
 
60
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row{
61
- align-self:flex-end;
62
- width:25%;
63
- padding:0;
62
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__padding-row {
63
+ align-self: flex-end;
64
+ width: 25%;
65
+ padding: 0;
64
66
  }
65
67
 
66
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar{
67
- margin-top:var(--ck-spacing-standard);
68
- background:none;
68
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar {
69
+ margin-top: var(--ck-spacing-standard);
70
+ background: none;
69
71
  }
70
72
 
71
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__horizontal-alignment-toolbar{
72
- --ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
73
- width:var(--ck-table-form-dimensions-input-width);
74
- max-width:var(--ck-table-form-dimensions-input-width);
75
- min-width:var(--ck-table-form-dimensions-input-width);
76
- padding:0;
73
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__horizontal-alignment-toolbar {
74
+ --ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
75
+ width: var(--ck-table-form-dimensions-input-width);
76
+ max-width: var(--ck-table-form-dimensions-input-width);
77
+ min-width: var(--ck-table-form-dimensions-input-width);
78
+ padding: 0;
77
79
  }
78
80
 
79
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__vertical-alignment-toolbar{
80
- flex-grow:1;
81
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar.ck-table-cell-properties-form__vertical-alignment-toolbar {
82
+ flex-grow: 1;
81
83
  }
82
84
 
83
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type{
84
- flex-grow:.57;
85
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:first-of-type {
86
+ flex-grow: .57;
85
87
  }
86
88
 
87
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type{
88
- flex-grow:.43;
89
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar:last-of-type {
90
+ flex-grow: .43;
89
91
  }
90
92
 
91
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button{
92
- flex-grow:1;
93
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row .ck.ck-toolbar .ck-button {
94
+ flex-grow: 1;
93
95
  }
94
96
 
95
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row{
96
- flex-wrap:wrap;
97
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-cell-properties-form__alignment-row {
98
+ flex-wrap: wrap;
97
99
  }
98
100
 
99
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label{
100
- font-size:var(--ck-font-size-tiny);
101
- text-align:center;
101
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
102
+ font-size: var(--ck-font-size-tiny);
103
+ text-align: center;
102
104
  }
103
105
 
104
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width{
105
- width:80px;
106
- min-width:80px;
107
- max-width:80px;
106
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
107
+ width: 80px;
108
+ min-width: 80px;
109
+ max-width: 80px;
108
110
  }
109
111
 
110
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row{
111
- --ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
112
- width:var(--ck-table-form-dimensions-input-width);
113
- max-width:var(--ck-table-form-dimensions-input-width);
114
- min-width:var(--ck-table-form-dimensions-input-width);
115
- padding:0;
112
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row {
113
+ --ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
114
+ width: var(--ck-table-form-dimensions-input-width);
115
+ max-width: var(--ck-table-form-dimensions-input-width);
116
+ min-width: var(--ck-table-form-dimensions-input-width);
117
+ padding: 0;
116
118
  }
117
119
 
118
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height{
119
- width:var(--ck-table-form-default-input-width);
120
- min-width:var(--ck-table-form-default-input-width);
121
- max-width:var(--ck-table-form-default-input-width);
122
- margin:0;
120
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
121
+ width: var(--ck-table-form-default-input-width);
122
+ min-width: var(--ck-table-form-default-input-width);
123
+ max-width: var(--ck-table-form-default-input-width);
124
+ margin: 0;
123
125
  }
124
126
 
125
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{
126
- width:0;
127
- height:var(--ck-ui-component-min-height);
128
- line-height:var(--ck-ui-component-min-height);
129
- margin:0 var(--ck-spacing-small);
130
- align-self:flex-end;
131
- display:inline-block;
132
- position:relative;
133
- left:-.5ch;
134
- overflow:visible;
127
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
128
+ width: 0;
129
+ height: var(--ck-ui-component-min-height);
130
+ line-height: var(--ck-ui-component-min-height);
131
+ margin: 0 var(--ck-spacing-small);
132
+ align-self: flex-end;
133
+ display: inline-block;
134
+ position: relative;
135
+ left: -.5ch;
136
+ overflow: visible;
135
137
  }
136
138
 
137
- .ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button{
138
- flex-grow:initial;
139
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button {
140
+ flex-grow: initial;
139
141
  }
140
142
 
141
- .ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label{
142
- color:currentColor;
143
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-form__row.ck-table-form__action-row > .ck.ck-button .ck-button__label {
144
+ color: currentColor;
143
145
  }
144
146
 
145
- .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__cell-type-row{
146
- --ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
147
- width:var(--ck-table-form-dimensions-input-width);
148
- max-width:var(--ck-table-form-dimensions-input-width);
149
- min-width:var(--ck-table-form-dimensions-input-width);
150
- padding:0;
147
+ .ck.ck-table-cell-properties-form .ck-form__row.ck-table-form__cell-type-row {
148
+ --ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
149
+ width: var(--ck-table-form-dimensions-input-width);
150
+ max-width: var(--ck-table-form-dimensions-input-width);
151
+ min-width: var(--ck-table-form-dimensions-input-width);
152
+ padding: 0;
151
153
  }
152
154
 
153
- :root{
154
- --ck-table-layout-widget-type-around-button-size:16px;
155
- --ck-table-layout-widget-type-around-icon-width:10px;
156
- --ck-table-layout-widget-type-around-icon-height:8px;
157
- --ck-table-layout-widget-handler-icon-size:10px;
158
- --ck-table-layout-default-border-color:#d4d4d4;
155
+ :root {
156
+ --ck-table-layout-widget-type-around-button-size: 16px;
157
+ --ck-table-layout-widget-type-around-icon-width: 10px;
158
+ --ck-table-layout-widget-type-around-icon-height: 8px;
159
+ --ck-table-layout-widget-handler-icon-size: 10px;
160
+ --ck-table-layout-default-border-color: #d4d4d4;
159
161
  }
160
162
 
161
- .ck-editor__editable .table.layout-table > table{
162
- border-collapse:revert;
163
- width:100%;
164
- height:100%;
163
+ .ck-editor__editable .table.layout-table > table {
164
+ border-collapse: revert;
165
+ width: 100%;
166
+ height: 100%;
165
167
  }
166
168
 
167
- .ck-editor__editable .table.layout-table > table:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]){
168
- border-width:0;
169
- border-color:#0000;
170
- outline:none;
169
+ .ck-editor__editable .table.layout-table > table:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]) {
170
+ border-width: 0;
171
+ border-color: #0000;
172
+ outline: none;
171
173
  }
172
174
 
173
- .ck-editor__editable .table.layout-table > table > tbody > tr > td{
174
- box-shadow:revert;
175
- padding:revert;
176
- text-indent:1px;
177
- border-color:var(--ck-table-layout-default-border-color);
178
- border-style:dashed;
179
- min-width:2em;
175
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td {
176
+ box-shadow: revert;
177
+ padding: revert;
178
+ text-indent: 1px;
179
+ border-color: var(--ck-table-layout-default-border-color);
180
+ border-style: dashed;
181
+ min-width: 2em;
180
182
  }
181
183
 
182
- .ck-editor__editable .table.layout-table > table > tbody > tr > td[style^="width:"], .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=" width:"], .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=";width:"]{
183
- min-width:auto;
184
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td[style^="width:"], .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=" width:"], .ck-editor__editable .table.layout-table > table > tbody > tr > td[style*=";width:"] {
185
+ min-width: auto;
184
186
  }
185
187
 
186
- .ck-editor__editable .table.layout-table > table > tbody > tr > td:focus{
187
- background-color:#0000;
188
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:focus {
189
+ background-color: #0000;
188
190
  }
189
191
 
190
- .ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]){
191
- outline:var(--ck-table-layout-default-border-color) 1px dashed;
192
- outline-offset:-1px;
193
- border-width:0;
194
- border-color:#0000;
192
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]) {
193
+ outline: var(--ck-table-layout-default-border-color) 1px dashed;
194
+ outline-offset: -1px;
195
+ border-width: 0;
196
+ border-color: #0000;
195
197
  }
196
198
 
197
- .ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]):focus{
198
- outline:var(--ck-color-focus-border) 1px solid;
199
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td:not([style*="border:"], [style*="border-top"], [style*="border-bottom"], [style*="border-left"], [style*="border-right"], [style*="border-width"], [style*="border-style"], [style*="border-color"]):focus {
200
+ outline: var(--ck-color-focus-border) 1px solid;
199
201
  }
200
202
 
201
- .ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph{
202
- text-indent:0;
203
- width:calc(100% - 1px);
203
+ .ck-editor__editable .table.layout-table > table > tbody > tr > td > .ck-table-bogus-paragraph {
204
+ text-indent: 0;
205
+ width: calc(100% - 1px);
204
206
  }
205
207
 
206
- .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around{
207
- --ck-widget-type-around-button-size:var(--ck-table-layout-widget-type-around-button-size);
208
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around {
209
+ --ck-widget-type-around-button-size: var(--ck-table-layout-widget-type-around-button-size);
208
210
  }
209
211
 
210
- .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before, .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
211
- z-index:2;
212
- transform:translateY(0);
212
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before, .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
213
+ z-index: 2;
214
+ transform: translateY(0);
213
215
  }
214
216
 
215
- .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before{
216
- margin-left:var(--ck-table-layout-widget-type-around-button-size);
217
- border-radius:0 0 100px 100px;
218
- left:min(10%, 30px);
217
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before {
218
+ margin-left: var(--ck-table-layout-widget-type-around-button-size);
219
+ border-radius: 0 0 100px 100px;
220
+ left: min(10%, 30px);
219
221
  }
220
222
 
221
- .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before:after{
222
- border-radius:0 0 100px 100px;
223
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before:after {
224
+ border-radius: 0 0 100px 100px;
223
225
  }
224
226
 
225
- .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after{
226
- border-radius:100px 100px 0 0;
227
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
228
+ border-radius: 100px 100px 0 0;
227
229
  }
228
230
 
229
- .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after:after{
230
- border-radius:100px 100px 0 0;
231
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after:after {
232
+ border-radius: 100px 100px 0 0;
231
233
  }
232
234
 
233
- .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg{
234
- width:var(--ck-table-layout-widget-type-around-icon-width);
235
- height:var(--ck-table-layout-widget-type-around-icon-height);
235
+ .ck-editor__editable .table.layout-table.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg {
236
+ width: var(--ck-table-layout-widget-type-around-icon-width);
237
+ height: var(--ck-table-layout-widget-type-around-icon-height);
236
238
  }
237
239
 
238
- .ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle{
239
- --ck-widget-handler-icon-size:var(--ck-table-layout-widget-handler-icon-size);
240
- transform:translateY(calc(0px - var(--ck-widget-outline-thickness)));
241
- z-index:3;
240
+ .ck-editor__editable .table.layout-table.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle {
241
+ --ck-widget-handler-icon-size: var(--ck-table-layout-widget-handler-icon-size);
242
+ transform: translateY(calc(0px - var(--ck-widget-outline-thickness)));
243
+ z-index: 3;
242
244
  }
243
245
 
244
- .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret{
245
- top:0;
246
+ .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
247
+ top: 0;
246
248
  }
247
249
 
248
- .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret{
249
- bottom:0;
250
+ .ck-editor__editable .table.layout-table.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
251
+ bottom: 0;
250
252
  }
251
253
 
252
- .ck-editor__editable .table.layout-table.ck-widget:hover{
253
- z-index:var(--ck-z-default);
254
+ .ck-editor__editable .table.layout-table.ck-widget:hover {
255
+ z-index: var(--ck-z-default);
254
256
  }
255
257
 
256
- .ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle{
257
- opacity:.75;
258
- visibility:visible;
258
+ .ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle {
259
+ opacity: .75;
260
+ visibility: visible;
259
261
  }
260
262
 
261
- .ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle:hover{
262
- opacity:1;
263
+ .ck-editor__editable .table.layout-table.ck-widget:hover > .ck-widget__selection-handle:hover {
264
+ opacity: 1;
263
265
  }
264
266
 
265
- .ck-editor__editable .table.layout-table.ck-widget:has(.ck-widget.table:hover) > .ck-widget__selection-handle{
266
- opacity:0;
267
- visibility:hidden;
267
+ .ck-editor__editable .table.layout-table.ck-widget:has(.ck-widget.table:hover) > .ck-widget__selection-handle {
268
+ opacity: 0;
269
+ visibility: hidden;
268
270
  }
269
271
 
270
- .ck-editor__editable .table.layout-table.ck-widget.ck-widget_selected{
271
- z-index:var(--ck-z-default);
272
+ .ck-editor__editable .table.layout-table.ck-widget.ck-widget_selected {
273
+ z-index: var(--ck-z-default);
272
274
  }
273
275
 
274
- .ck-editor__editable .table.layout-table{
275
- margin:0;
276
- display:table;
276
+ .ck-editor__editable .table.layout-table {
277
+ margin: 0;
278
+ display: table;
277
279
  }
278
280
 
279
- .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child{
280
- margin-top:var(--ck-spacing-large);
281
+ .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:first-child {
282
+ margin-top: var(--ck-spacing-large);
281
283
  }
282
284
 
283
- .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child, .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2):has( + .ck-fake-selection-container){
284
- margin-bottom:var(--ck-spacing-large);
285
+ .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:last-child, .ck-editor__editable.ck-editor__editable_inline > .ck-widget.ck-widget_with-selection-handle.layout-table:nth-last-child(2):has( + .ck-fake-selection-container) {
286
+ margin-bottom: var(--ck-spacing-large);
285
287
  }
286
288
 
287
- .ck.ck-form__row > :not(.ck-label) + *{
288
- margin-inline-start:var(--ck-spacing-large);
289
+ :root {
290
+ --ck-table-scroll-widget-type-around-icon-width: 10px;
291
+ --ck-table-scroll-widget-type-around-icon-height: 8px;
289
292
  }
290
293
 
291
- .ck.ck-form__row > .ck-label{
292
- width:100%;
293
- min-width:100%;
294
+ .ck.ck-editor__editable figure.table.ck-table-overflowing {
295
+ flex-direction: column;
296
+ max-width: 100%;
297
+ margin-right: 0;
298
+ display: flex;
299
+ overflow: scroll clip;
294
300
  }
295
301
 
296
- .ck.ck-form__row.ck-table-form__action-row{
297
- margin-top:var(--ck-spacing-large);
298
- justify-content:flex-end;
302
+ .ck.ck-editor__editable figure.table.ck-table-overflowing > figcaption {
303
+ box-sizing: border-box;
304
+ order: -1;
305
+ align-self: flex-start;
299
306
  }
300
307
 
301
- .ck.ck-form__row.ck-table-form__action-row .ck-button-save, .ck.ck-form__row.ck-table-form__action-row .ck-button-cancel{
302
- justify-content:center;
308
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget {
309
+ --ck-table-scroll-offset: 0px;
303
310
  }
304
311
 
305
- :root{
306
- --ck-table-properties-error-arrow-size:6px;
307
- --ck-table-properties-min-error-width:150px;
312
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > table > :is(tbody, thead, tfoot) > tr > :is(td, th):last-of-type {
313
+ --ck-table-column-resizer-position-offset: 0;
314
+ --ck-table-column-resizer-width: 3.5px;
308
315
  }
309
316
 
310
- .ck.ck-table-form{
311
- --ck-table-form-default-input-width:80px;
317
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget.ck-widget_with-selection-handle > .ck-widget__selection-handle {
318
+ --ck-widget-handler-icon-size: 10px;
319
+ transform: translate(var(--ck-table-scroll-offset), calc(0px - var(--ck-widget-outline-thickness)));
320
+ z-index: 3;
312
321
  }
313
322
 
314
- .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label{
315
- font-size:var(--ck-font-size-tiny);
316
- text-align:center;
323
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around {
324
+ --ck-widget-type-around-button-size: 16px;
325
+ pointer-events: none;
326
+ position: absolute;
327
+ inset: 0;
317
328
  }
318
329
 
319
- .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width{
320
- width:var(--ck-table-form-default-input-width);
321
- min-width:var(--ck-table-form-default-input-width);
322
- max-width:var(--ck-table-form-default-input-width);
330
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before, .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
331
+ transform: translate(var(--ck-table-scroll-offset), 0);
332
+ z-index: 2;
323
333
  }
324
334
 
325
- .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row{
326
- --ck-table-form-dimensions-input-width:calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
327
- width:var(--ck-table-form-dimensions-input-width);
328
- max-width:var(--ck-table-form-dimensions-input-width);
329
- min-width:var(--ck-table-form-dimensions-input-width);
330
- padding:0;
335
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before {
336
+ margin-left: var(--ck-widget-type-around-button-size);
337
+ border-radius: 0 0 100px 100px;
338
+ left: min(10%, 30px);
331
339
  }
332
340
 
333
- .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height{
334
- width:var(--ck-table-form-default-input-width);
335
- min-width:var(--ck-table-form-default-input-width);
336
- max-width:var(--ck-table-form-default-input-width);
337
- margin:0;
341
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_before:after {
342
+ border-radius: 0 0 100px 100px;
338
343
  }
339
344
 
340
- .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator{
341
- width:0;
342
- height:var(--ck-ui-component-min-height);
343
- line-height:var(--ck-ui-component-min-height);
344
- margin:0 var(--ck-spacing-small);
345
- align-self:flex-end;
346
- display:inline-block;
347
- position:relative;
348
- left:-.5ch;
349
- overflow:visible;
345
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after {
346
+ bottom: calc(-.5 * var(--ck-widget-outline-thickness));
347
+ border-radius: 100px 100px 0 0;
348
+ right: min(10%, 30px);
350
349
  }
351
350
 
352
- .ck.ck-table-form .ck-form__row.ck-table-form__border-row, .ck.ck-table-form .ck-form__row.ck-table-form__background-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row{
353
- flex-wrap:wrap;
351
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button.ck-widget__type-around__button_after:after {
352
+ border-radius: 100px 100px 0 0;
354
353
  }
355
354
 
356
- .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row{
357
- flex-wrap:wrap;
358
- align-items:center;
355
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget > .ck-widget__type-around > .ck-widget__type-around__button svg {
356
+ width: var(--ck-table-scroll-widget-type-around-icon-width);
357
+ height: var(--ck-table-scroll-widget-type-around-icon-height);
359
358
  }
360
359
 
361
- :is(.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row) .ck-labeled-field-view{
362
- flex-direction:column-reverse;
363
- align-items:center;
364
- display:flex;
360
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget.ck-widget_type-around_show-fake-caret_before > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
361
+ top: 0;
365
362
  }
366
363
 
367
- :is(.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row) .ck-labeled-field-view .ck.ck-dropdown{
368
- flex-grow:0;
364
+ .ck.ck-editor__editable figure.table.ck-table-overflowing.ck-widget.ck-widget_type-around_show-fake-caret_after > .ck-widget__type-around > .ck-widget__type-around__fake-caret {
365
+ bottom: 0;
369
366
  }
370
367
 
371
- .ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > :not(.ck-label, .ck-table-form__dimension-operator){
372
- flex-grow:1;
368
+ .ck.ck-form__row > :not(.ck-label) + * {
369
+ margin-inline-start: var(--ck-spacing-large);
373
370
  }
374
371
 
375
- .ck.ck-table-form .ck.ck-labeled-field-view{
376
- padding-top:var(--ck-spacing-standard);
372
+ .ck.ck-form__row > .ck-label {
373
+ width: 100%;
374
+ min-width: 100%;
377
375
  }
378
376
 
379
- .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
380
- border-radius:var(--ck-rounded-corners-radius);
381
- background:var(--ck-color-base-error);
382
- color:var(--ck-color-base-background);
383
- padding:var(--ck-spacing-small) var(--ck-spacing-medium);
384
- min-width:var(--ck-table-properties-min-error-width);
385
- text-align:center;
386
- left:50%;
387
- bottom:calc(-1 * var(--ck-table-properties-error-arrow-size));
388
- animation:.15s both ck-table-form-labeled-view-status-appear;
389
- position:absolute;
390
- transform:translate(-50%, 100%);
377
+ .ck.ck-form__row.ck-table-form__action-row {
378
+ margin-top: var(--ck-spacing-large);
379
+ justify-content: flex-end;
391
380
  }
392
381
 
393
- .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after{
394
- border-color:transparent transparent var(--ck-color-base-error) transparent;
395
- border-width:0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
396
- content:"";
397
- top:calc(-1 * var(--ck-table-properties-error-arrow-size));
398
- border-style:solid;
399
- position:absolute;
400
- left:50%;
401
- transform:translateX(-50%);
382
+ .ck.ck-form__row.ck-table-form__action-row .ck-button-save, .ck.ck-form__row.ck-table-form__action-row .ck-button-cancel {
383
+ justify-content: center;
402
384
  }
403
385
 
404
- @media (prefers-reduced-motion: reduce){
405
- .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
406
- animation:none;
386
+ :root {
387
+ --ck-table-properties-error-arrow-size: 6px;
388
+ --ck-table-properties-min-error-width: 150px;
389
+ }
390
+
391
+ .ck.ck-table-form {
392
+ --ck-table-form-default-input-width: 80px;
393
+ }
394
+
395
+ .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-labeled-field-view > .ck-label {
396
+ font-size: var(--ck-font-size-tiny);
397
+ text-align: center;
398
+ }
399
+
400
+ .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-style, .ck.ck-table-form .ck-form__row.ck-table-form__border-row .ck-table-form__border-width {
401
+ width: var(--ck-table-form-default-input-width);
402
+ min-width: var(--ck-table-form-default-input-width);
403
+ max-width: var(--ck-table-form-default-input-width);
404
+ }
405
+
406
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row {
407
+ --ck-table-form-dimensions-input-width: calc(var(--ck-table-form-default-input-width) * 2 + var(--ck-spacing-large));
408
+ width: var(--ck-table-form-dimensions-input-width);
409
+ max-width: var(--ck-table-form-dimensions-input-width);
410
+ min-width: var(--ck-table-form-dimensions-input-width);
411
+ padding: 0;
412
+ }
413
+
414
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__width, .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimensions-row__height {
415
+ width: var(--ck-table-form-default-input-width);
416
+ min-width: var(--ck-table-form-default-input-width);
417
+ max-width: var(--ck-table-form-default-input-width);
418
+ margin: 0;
419
+ }
420
+
421
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row .ck-table-form__dimension-operator {
422
+ width: 0;
423
+ height: var(--ck-ui-component-min-height);
424
+ line-height: var(--ck-ui-component-min-height);
425
+ margin: 0 var(--ck-spacing-small);
426
+ align-self: flex-end;
427
+ display: inline-block;
428
+ position: relative;
429
+ left: -.5ch;
430
+ overflow: visible;
431
+ }
432
+
433
+ .ck.ck-table-form .ck-form__row.ck-table-form__border-row, .ck.ck-table-form .ck-form__row.ck-table-form__background-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row {
434
+ flex-wrap: wrap;
435
+ }
436
+
437
+ .ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row {
438
+ flex-wrap: wrap;
439
+ align-items: center;
440
+ }
441
+
442
+ :is(.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row) .ck-labeled-field-view {
443
+ flex-direction: column-reverse;
444
+ align-items: center;
445
+ display: flex;
446
+ }
447
+
448
+ :is(.ck.ck-table-form .ck-form__row.ck-table-form__dimensions-row, .ck.ck-table-form .ck-form__row.ck-table-form__cell-type-row) .ck-labeled-field-view .ck.ck-dropdown {
449
+ flex-grow: 0;
450
+ }
451
+
452
+ .ck.ck-table-form .ck-form__row:not(.ck-table-form__action-row) > :not(.ck-label, .ck-table-form__dimension-operator) {
453
+ flex-grow: 1;
454
+ }
455
+
456
+ .ck.ck-table-form .ck.ck-labeled-field-view {
457
+ padding-top: var(--ck-spacing-standard);
458
+ }
459
+
460
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
461
+ border-radius: var(--ck-rounded-corners-radius);
462
+ background: var(--ck-color-base-error);
463
+ color: var(--ck-color-base-background);
464
+ padding: var(--ck-spacing-small) var(--ck-spacing-medium);
465
+ min-width: var(--ck-table-properties-min-error-width);
466
+ text-align: center;
467
+ left: 50%;
468
+ bottom: calc(-1 * var(--ck-table-properties-error-arrow-size));
469
+ animation: .15s both ck-table-form-labeled-view-status-appear;
470
+ position: absolute;
471
+ transform: translate(-50%, 100%);
472
+ }
473
+
474
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status:after {
475
+ border-color: transparent transparent var(--ck-color-base-error) transparent;
476
+ border-width: 0 var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size) var(--ck-table-properties-error-arrow-size);
477
+ content: "";
478
+ top: calc(-1 * var(--ck-table-properties-error-arrow-size));
479
+ border-style: solid;
480
+ position: absolute;
481
+ left: 50%;
482
+ transform: translateX(-50%);
483
+ }
484
+
485
+ @media (prefers-reduced-motion: reduce) {
486
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
487
+ animation: none;
407
488
  }
408
489
  }
409
490
 
410
- .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status{
411
- z-index:1;
491
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck.ck-labeled-field-view__status {
492
+ z-index: 1;
412
493
  }
413
494
 
414
- .ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status{
415
- display:none;
495
+ .ck.ck-table-form .ck.ck-labeled-field-view .ck-input.ck-error:not(:focus) + .ck.ck-labeled-field-view__status {
496
+ display: none;
416
497
  }
417
498
 
418
- .ck.ck-table-form .ck.ck-labeled-field-view{
419
- position:relative;
499
+ .ck.ck-table-form .ck.ck-labeled-field-view {
500
+ position: relative;
420
501
  }
421
502
 
422
- @keyframes ck-table-form-labeled-view-status-appear{
423
- 0%{
424
- opacity:0;
503
+ @keyframes ck-table-form-labeled-view-status-appear {
504
+ 0% {
505
+ opacity: 0;
425
506
  }
426
507
 
427
- 100%{
428
- opacity:1;
508
+ 100% {
509
+ opacity: 1;
429
510
  }
430
511
  }
431
512
 
432
- .ck.ck-table-properties-form{
433
- width:320px;
513
+ .ck.ck-table-properties-form {
514
+ width: 320px;
434
515
  }
435
516
 
436
- .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row{
437
- flex-wrap:wrap;
438
- flex-basis:0;
439
- align-content:baseline;
440
- align-self:flex-end;
517
+ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row {
518
+ flex-wrap: wrap;
519
+ flex-basis: 0;
520
+ align-content: baseline;
521
+ align-self: flex-end;
441
522
  }
442
523
 
443
- .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar{
444
- margin-top:var(--ck-spacing-standard);
445
- background:none;
524
+ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar {
525
+ margin-top: var(--ck-spacing-standard);
526
+ background: none;
446
527
  }
447
528
 
448
- .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > *{
449
- flex:1;
529
+ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items > * {
530
+ flex: 1;
450
531
  }
451
532
 
452
- .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items{
453
- flex-wrap:nowrap;
533
+ .ck.ck-table-properties-form .ck-form__row.ck-table-properties-form__alignment-row .ck.ck-toolbar .ck-toolbar__items {
534
+ flex-wrap: nowrap;
454
535
  }
455
536
 
456
- :root{
457
- --ck-content-table-style-spacing:1.5em;
537
+ :root {
538
+ --ck-content-table-style-spacing: 1.5em;
458
539
  }
459
540
 
460
- .ck-editor__editable .table.layout-table.table-style-align-center{
461
- margin-left:auto;
462
- margin-right:auto;
541
+ .ck-editor__editable .table.layout-table.table-style-align-center {
542
+ margin-left: auto;
543
+ margin-right: auto;
463
544
  }
464
545
 
465
- .ck-editor__editable .table.layout-table.table-style-align-left{
466
- margin-right:var(--ck-content-table-style-spacing);
546
+ .ck-editor__editable .table.layout-table.table-style-align-left {
547
+ margin-right: var(--ck-content-table-style-spacing);
467
548
  }
468
549
 
469
- .ck-editor__editable .table.layout-table.table-style-align-right{
470
- margin-left:var(--ck-content-table-style-spacing);
550
+ .ck-editor__editable .table.layout-table.table-style-align-right {
551
+ margin-left: var(--ck-content-table-style-spacing);
471
552
  }
472
553
 
473
- .ck-editor__editable .table.layout-table.table-style-block-align-left{
474
- margin-left:0;
475
- margin-right:auto;
554
+ .ck-editor__editable .table.layout-table.table-style-block-align-left {
555
+ margin-left: 0;
556
+ margin-right: auto;
476
557
  }
477
558
 
478
- .ck-editor__editable .table.layout-table.table-style-block-align-right{
479
- margin-left:auto;
480
- margin-right:0;
559
+ .ck-editor__editable .table.layout-table.table-style-block-align-right {
560
+ margin-left: auto;
561
+ margin-right: 0;
481
562
  }
482
563
 
483
- :root{
484
- --ck-content-color-table-caption-background:#f7f7f7;
485
- --ck-content-color-table-caption-text:#333;
486
- --ck-color-table-caption-highlighted-background:#fd0;
564
+ :root {
565
+ --ck-content-color-table-caption-background: #f7f7f7;
566
+ --ck-color-table-caption-highlighted-background: #fd0;
487
567
  }
488
568
 
489
- @media (forced-colors: none){
490
- :is(.ck.ck-editor__editable .table > figcaption, .ck.ck-editor__editable figure.table > table > caption).table__caption_highlighted{
491
- animation:.6s ease-out ck-table-caption-highlight;
569
+ @media (forced-colors: none) {
570
+ :is(.ck.ck-editor__editable .table > figcaption, .ck.ck-editor__editable figure.table > table > caption).table__caption_highlighted {
571
+ animation: .6s ease-out ck-table-caption-highlight;
492
572
  }
493
573
  }
494
574
 
495
- :is(.ck.ck-editor__editable .table > figcaption, .ck.ck-editor__editable figure.table > table > caption).ck-placeholder:before{
496
- padding-left:inherit;
497
- padding-right:inherit;
498
- white-space:nowrap;
499
- text-overflow:ellipsis;
500
- overflow:hidden;
575
+ :is(.ck.ck-editor__editable .table > figcaption, .ck.ck-editor__editable figure.table > table > caption).ck-placeholder:before {
576
+ padding-left: inherit;
577
+ padding-right: inherit;
578
+ white-space: nowrap;
579
+ text-overflow: ellipsis;
580
+ overflow: hidden;
501
581
  }
502
582
 
503
- @keyframes ck-table-caption-highlight{
504
- 0%{
505
- background-color:var(--ck-color-table-caption-highlighted-background);
583
+ @keyframes ck-table-caption-highlight {
584
+ 0% {
585
+ background-color: var(--ck-color-table-caption-highlighted-background);
506
586
  }
507
587
 
508
- 100%{
509
- background-color:var(--ck-content-color-table-caption-background);
588
+ 100% {
589
+ background-color: var(--ck-content-color-table-caption-background);
510
590
  }
511
591
  }
512
592
 
513
- :root{
514
- --ck-table-selected-cell-background:#9ecffa4d;
593
+ :root {
594
+ --ck-table-selected-cell-background: #9ecffa4d;
515
595
  }
516
596
 
517
- .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected{
518
- caret-color:#0000;
519
- box-shadow:unset;
520
- position:relative;
597
+ .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected {
598
+ caret-color: #0000;
599
+ box-shadow: unset;
600
+ position: relative;
521
601
  }
522
602
 
523
- .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected:after{
524
- content:"";
525
- pointer-events:none;
526
- background-color:var(--ck-table-selected-cell-background);
527
- position:absolute;
528
- inset:0;
603
+ .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected:after {
604
+ content: "";
605
+ pointer-events: none;
606
+ background-color: var(--ck-table-selected-cell-background);
607
+ position: absolute;
608
+ inset: 0;
529
609
  }
530
610
 
531
- .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected ::selection, .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected:focus{
532
- background-color:#0000;
611
+ .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected:focus, .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected ::selection {
612
+ background-color: #0000;
533
613
  }
534
614
 
535
- .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected .ck-widget{
536
- outline:unset;
615
+ .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected .ck-widget {
616
+ outline: unset;
537
617
  }
538
618
 
539
- .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle{
540
- display:none;
619
+ .ck.ck-editor__editable .table table :where(td, th).ck-editor__editable_selected .ck-widget > .ck-widget__selection-handle {
620
+ display: none;
541
621
  }
542
622
 
543
- :root{
544
- --ck-color-table-column-resizer-hover:var(--ck-color-base-active);
545
- --ck-table-column-resizer-width:7px;
546
- --ck-table-column-resizer-position-offset:calc(var(--ck-table-column-resizer-width) * -.5 - .5px);
623
+ :root {
624
+ --ck-color-table-column-resizer-hover: var(--ck-color-base-active);
625
+ --ck-table-column-resizer-width: 7px;
626
+ --ck-table-column-resizer-position-offset: calc(var(--ck-table-column-resizer-width) * -.5 - .5px);
547
627
  }
548
628
 
549
- .ck.ck-editor__editable .table td, .ck.ck-editor__editable .table th{
550
- position:relative;
629
+ .ck.ck-editor__editable .table td, .ck.ck-editor__editable .table th {
630
+ position: relative;
551
631
  }
552
632
 
553
- .ck.ck-editor__editable .table .ck-table-column-resizer{
554
- top:0;
555
- bottom:0;
556
- right:var(--ck-table-column-resizer-position-offset);
557
- width:var(--ck-table-column-resizer-width);
558
- cursor:col-resize;
559
- user-select:none;
560
- z-index:var(--ck-z-default);
561
- position:absolute;
633
+ .ck.ck-editor__editable .table .ck-table-column-resizer {
634
+ top: 0;
635
+ bottom: 0;
636
+ right: var(--ck-table-column-resizer-position-offset);
637
+ width: var(--ck-table-column-resizer-width);
638
+ cursor: col-resize;
639
+ -webkit-user-select: none;
640
+ user-select: none;
641
+ z-index: var(--ck-z-default);
642
+ position: absolute;
562
643
  }
563
644
 
564
- .ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer, .ck.ck-editor__editable .table[draggable] .ck-table-column-resizer{
565
- display:none;
645
+ .ck.ck-editor__editable.ck-column-resize_disabled .table .ck-table-column-resizer, .ck.ck-editor__editable .table[draggable] .ck-table-column-resizer {
646
+ display: none;
566
647
  }
567
648
 
568
- .ck.ck-editor__editable .table .ck-table-column-resizer:hover, .ck.ck-editor__editable .table .ck-table-column-resizer__active{
569
- background-color:var(--ck-color-table-column-resizer-hover);
570
- opacity:.25;
649
+ .ck.ck-editor__editable .table .ck-table-column-resizer:hover, .ck.ck-editor__editable .table .ck-table-column-resizer__active {
650
+ background-color: var(--ck-color-table-column-resizer-hover);
651
+ opacity: .25;
571
652
  }
572
653
 
573
- .ck.ck-editor__editable[dir="rtl"] .table .ck-table-column-resizer{
574
- left:var(--ck-table-column-resizer-position-offset);
575
- right:unset;
654
+ .ck.ck-editor__editable[dir="rtl"] .table .ck-table-column-resizer {
655
+ left: var(--ck-table-column-resizer-position-offset);
656
+ right: unset;
576
657
  }
577
658
 
578
- [dir="ltr"] :is(.ck.ck-input-color > .ck.ck-input-text){
579
- border-top-right-radius:0;
580
- border-bottom-right-radius:0;
659
+ .ck-table-column-resize__resizing-cursor, .ck-table-column-resize__resizing-cursor * {
660
+ cursor: col-resize !important;
581
661
  }
582
662
 
583
- [dir="rtl"] :is(.ck.ck-input-color > .ck.ck-input-text){
584
- border-top-left-radius:0;
585
- border-bottom-left-radius:0;
663
+ [dir="ltr"] :is(.ck.ck-input-color > .ck.ck-input-text) {
664
+ border-top-right-radius: 0;
665
+ border-bottom-right-radius: 0;
586
666
  }
587
667
 
588
- .ck.ck-input-color > .ck.ck-input-text:focus{
589
- z-index:0;
668
+ [dir="rtl"] :is(.ck.ck-input-color > .ck.ck-input-text) {
669
+ border-top-left-radius: 0;
670
+ border-bottom-left-radius: 0;
590
671
  }
591
672
 
592
- .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button{
593
- padding:0;
594
- display:flex;
673
+ .ck.ck-input-color > .ck.ck-input-text:focus {
674
+ z-index: 0;
595
675
  }
596
676
 
597
- [dir="ltr"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button){
598
- border-top-left-radius:0;
599
- border-bottom-left-radius:0;
677
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button {
678
+ padding: 0;
679
+ display: flex;
600
680
  }
601
681
 
602
- [dir="ltr"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button):not(:focus){
603
- border-left:1px solid #0000;
682
+ [dir="ltr"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button) {
683
+ border-top-left-radius: 0;
684
+ border-bottom-left-radius: 0;
604
685
  }
605
686
 
606
- [dir="rtl"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button){
607
- border-top-right-radius:0;
608
- border-bottom-right-radius:0;
687
+ [dir="ltr"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button):not(:focus) {
688
+ border-left: 1px solid #0000;
609
689
  }
610
690
 
611
- [dir="rtl"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button):not(:focus){
612
- border-right:1px solid #0000;
691
+ [dir="rtl"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button) {
692
+ border-top-right-radius: 0;
693
+ border-bottom-right-radius: 0;
613
694
  }
614
695
 
615
- .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled{
616
- background:var(--ck-color-input-disabled-background);
696
+ [dir="rtl"] :is(.ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button):not(:focus) {
697
+ border-right: 1px solid #0000;
617
698
  }
618
699
 
619
- .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview{
620
- border-radius:var(--ck-rounded-corners-radius);
621
- border:1px solid var(--ck-color-input-border);
622
- width:20px;
623
- height:20px;
624
- position:relative;
625
- overflow:hidden;
700
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button.ck-disabled {
701
+ background: var(--ck-color-input-disabled-background);
626
702
  }
627
703
 
628
- .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator{
629
- transform-origin:50%;
630
- background:red;
631
- border-radius:2px;
632
- width:8%;
633
- height:150%;
634
- display:block;
635
- position:absolute;
636
- top:-30%;
637
- left:50%;
638
- transform:rotate(45deg);
704
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview {
705
+ border-radius: var(--ck-rounded-corners-radius);
706
+ border: 1px solid var(--ck-color-input-border);
707
+ width: 20px;
708
+ height: 20px;
709
+ position: relative;
710
+ overflow: hidden;
639
711
  }
640
712
 
641
- .ck.ck-input-color .ck.ck-input-color__remove-color{
642
- width:100%;
643
- padding:calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
644
- border-bottom-right-radius:0;
645
- border-bottom-left-radius:0;
713
+ .ck.ck-input-color > .ck.ck-dropdown > .ck.ck-button.ck-input-color__button > .ck.ck-input-color__button__preview > .ck.ck-input-color__button__preview__no-color-indicator {
714
+ transform-origin: 50%;
715
+ background: red;
716
+ border-radius: 2px;
717
+ width: 8%;
718
+ height: 150%;
719
+ display: block;
720
+ position: absolute;
721
+ top: -30%;
722
+ left: 50%;
723
+ transform: rotate(45deg);
646
724
  }
647
725
 
648
- .ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus){
649
- border-bottom:1px solid var(--ck-color-input-border);
726
+ .ck.ck-input-color .ck.ck-input-color__remove-color {
727
+ width: 100%;
728
+ padding: calc(var(--ck-spacing-standard) / 2) var(--ck-spacing-standard);
729
+ border-bottom-right-radius: 0;
730
+ border-bottom-left-radius: 0;
650
731
  }
651
732
 
652
- [dir="ltr"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color){
653
- border-top-right-radius:0;
733
+ .ck.ck-input-color .ck.ck-input-color__remove-color:not(:focus) {
734
+ border-bottom: 1px solid var(--ck-color-input-border);
654
735
  }
655
736
 
656
- [dir="rtl"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color){
657
- border-top-left-radius:0;
737
+ [dir="ltr"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color) {
738
+ border-top-right-radius: 0;
658
739
  }
659
740
 
660
- .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon{
661
- margin-right:var(--ck-spacing-standard);
741
+ [dir="rtl"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color) {
742
+ border-top-left-radius: 0;
662
743
  }
663
744
 
664
- [dir="rtl"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon){
665
- margin-right:0;
666
- margin-left:var(--ck-spacing-standard);
745
+ .ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon {
746
+ margin-right: var(--ck-spacing-standard);
667
747
  }
668
748
 
669
- .ck.ck-input-color{
670
- flex-direction:row-reverse;
671
- width:100%;
672
- display:flex;
749
+ [dir="rtl"] :is(.ck.ck-input-color .ck.ck-input-color__remove-color .ck.ck-icon) {
750
+ margin-right: 0;
751
+ margin-left: var(--ck-spacing-standard);
673
752
  }
674
753
 
675
- .ck.ck-input-color > input.ck.ck-input-text{
676
- flex-grow:1;
677
- min-width:auto;
754
+ .ck.ck-input-color {
755
+ flex-direction: row-reverse;
756
+ width: 100%;
757
+ display: flex;
678
758
  }
679
759
 
680
- .ck.ck-input-color > div.ck.ck-dropdown{
681
- min-width:auto;
760
+ .ck.ck-input-color > input.ck.ck-input-text {
761
+ flex-grow: 1;
762
+ min-width: auto;
682
763
  }
683
764
 
684
- .ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow{
685
- display:none;
765
+ .ck.ck-input-color > div.ck.ck-dropdown {
766
+ min-width: auto;
686
767
  }
687
768
 
688
- :root{
689
- --ck-insert-table-dropdown-padding:10px;
690
- --ck-insert-table-dropdown-box-height:11px;
691
- --ck-insert-table-dropdown-box-width:12px;
692
- --ck-insert-table-dropdown-box-margin:1px;
769
+ .ck.ck-input-color > div.ck.ck-dropdown > .ck-input-color__button .ck-dropdown__arrow {
770
+ display: none;
693
771
  }
694
772
 
695
- .ck .ck-insert-table-dropdown__grid{
696
- width:calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
697
- padding:var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
698
- flex-flow:wrap;
699
- display:flex;
773
+ :root {
774
+ --ck-insert-table-dropdown-padding: 10px;
775
+ --ck-insert-table-dropdown-box-height: 11px;
776
+ --ck-insert-table-dropdown-box-width: 12px;
777
+ --ck-insert-table-dropdown-box-margin: 1px;
700
778
  }
701
779
 
702
- .ck .ck-insert-table-dropdown__label, .ck[dir="rtl"] .ck-insert-table-dropdown__label{
703
- text-align:center;
780
+ .ck .ck-insert-table-dropdown__grid {
781
+ width: calc(var(--ck-insert-table-dropdown-box-width) * 10 + var(--ck-insert-table-dropdown-box-margin) * 20 + var(--ck-insert-table-dropdown-padding) * 2);
782
+ padding: var(--ck-insert-table-dropdown-padding) var(--ck-insert-table-dropdown-padding) 0;
783
+ flex-flow: wrap;
784
+ display: flex;
704
785
  }
705
786
 
706
- .ck .ck-insert-table-dropdown-grid-box{
707
- min-width:var(--ck-insert-table-dropdown-box-width);
708
- min-height:var(--ck-insert-table-dropdown-box-height);
709
- margin:var(--ck-insert-table-dropdown-box-margin);
710
- border:1px solid var(--ck-color-base-border);
711
- border-radius:1px;
712
- outline:none;
713
- transition:none;
787
+ .ck .ck-insert-table-dropdown__label, .ck[dir="rtl"] .ck-insert-table-dropdown__label {
788
+ text-align: center;
714
789
  }
715
790
 
716
- @media (prefers-reduced-motion: reduce){
717
- .ck .ck-insert-table-dropdown-grid-box{
718
- transition:none;
791
+ .ck .ck-insert-table-dropdown-grid-box {
792
+ min-width: var(--ck-insert-table-dropdown-box-width);
793
+ min-height: var(--ck-insert-table-dropdown-box-height);
794
+ margin: var(--ck-insert-table-dropdown-box-margin);
795
+ border: 1px solid var(--ck-color-base-border);
796
+ border-radius: 1px;
797
+ outline: none;
798
+ transition: none;
799
+ }
800
+
801
+ @media (prefers-reduced-motion: reduce) {
802
+ .ck .ck-insert-table-dropdown-grid-box {
803
+ transition: none;
719
804
  }
720
805
  }
721
806
 
722
- .ck .ck-insert-table-dropdown-grid-box:focus{
723
- box-shadow:none;
807
+ .ck .ck-insert-table-dropdown-grid-box:focus {
808
+ box-shadow: none;
809
+ }
810
+
811
+ .ck .ck-insert-table-dropdown-grid-box.ck-on {
812
+ border-color: var(--ck-color-focus-border);
813
+ background: var(--ck-color-focus-outer-shadow);
724
814
  }
725
815
 
726
- .ck .ck-insert-table-dropdown-grid-box.ck-on{
727
- border-color:var(--ck-color-focus-border);
728
- background:var(--ck-color-focus-outer-shadow);
729
- }
816
+ /*# sourceMappingURL=index-editor.css.map */