@odoo/o-spreadsheet 19.0.12 → 19.0.16
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.
- package/dist/o-spreadsheet.cjs.js +274 -257
- package/dist/o-spreadsheet.d.ts +15 -32
- package/dist/o-spreadsheet.esm.js +274 -257
- package/dist/o-spreadsheet.iife.js +274 -257
- package/dist/o-spreadsheet.iife.min.js +401 -412
- package/dist/o_spreadsheet.css +390 -0
- package/dist/o_spreadsheet.xml +34 -44
- package/package.json +4 -3
|
@@ -0,0 +1,390 @@
|
|
|
1
|
+
|
|
2
|
+
/*
|
|
3
|
+
* This file is generated by o-spreadsheet build tools. Do not edit it.
|
|
4
|
+
* @see https://github.com/odoo/o-spreadsheet
|
|
5
|
+
* @version 19.0.16
|
|
6
|
+
* @date 2026-01-07T16:22:04.141Z
|
|
7
|
+
* @hash 9f3f13a
|
|
8
|
+
*/
|
|
9
|
+
/* Originates from src/components/top_bar/top_bar.scss */
|
|
10
|
+
@media (max-width: 1200px) {
|
|
11
|
+
.o-spreadsheet .o-topbar-responsive {
|
|
12
|
+
flex-direction: column !important;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
@media (max-width: 768px) {
|
|
16
|
+
.o-spreadsheet .irregularity-map span {
|
|
17
|
+
overflow: auto;
|
|
18
|
+
align-items: normal !important;
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
.o-spreadsheet .tool-container {
|
|
22
|
+
display: flex;
|
|
23
|
+
justify-content: center;
|
|
24
|
+
align-items: center;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
/* Originates from src/components/top_bar/dropdown_action/dropdown_action.scss */
|
|
28
|
+
.o-spreadsheet .o-dropdown {
|
|
29
|
+
position: relative;
|
|
30
|
+
display: flex;
|
|
31
|
+
align-items: center;
|
|
32
|
+
}
|
|
33
|
+
.o-spreadsheet .o-dropdown-content {
|
|
34
|
+
background-color: white;
|
|
35
|
+
}
|
|
36
|
+
.o-spreadsheet .o-dropdown-content .o-dropdown-line {
|
|
37
|
+
display: flex;
|
|
38
|
+
}
|
|
39
|
+
.o-spreadsheet .o-dropdown-content .o-dropdown-line > span {
|
|
40
|
+
padding: 4px;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
/* Originates from src/components/spreadsheet/spreadsheet.scss */
|
|
44
|
+
.o-spreadsheet {
|
|
45
|
+
color: #374151;
|
|
46
|
+
}
|
|
47
|
+
.o-spreadsheet input {
|
|
48
|
+
background-color: white;
|
|
49
|
+
}
|
|
50
|
+
.o-spreadsheet.o-spreadsheet-mobile .o-spreadsheet-topbar-wrapper,
|
|
51
|
+
.o-spreadsheet .o-spreadsheet-bottombar-wrapper {
|
|
52
|
+
box-shadow: 0 0 3px 1px lightgray;
|
|
53
|
+
}
|
|
54
|
+
.o-spreadsheet .o-spreadsheet-bottombar-wrapper {
|
|
55
|
+
overscroll-behavior: none;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
/* Originates from src/components/small_bottom_bar/small_bottom_bar.scss */
|
|
59
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar {
|
|
60
|
+
background-color: #f5f5f5;
|
|
61
|
+
border-bottom: #f2f2f2;
|
|
62
|
+
}
|
|
63
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar .o-selection-button {
|
|
64
|
+
border-radius: 2px;
|
|
65
|
+
background-color: #e7e9ed;
|
|
66
|
+
}
|
|
67
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar .o-selection-button .o-icon {
|
|
68
|
+
width: 24px;
|
|
69
|
+
height: 24px;
|
|
70
|
+
color: #6aa84f;
|
|
71
|
+
}
|
|
72
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar .o-small-composer {
|
|
73
|
+
background-color: white;
|
|
74
|
+
border: lightgrey solid 1px;
|
|
75
|
+
line-height: 26px;
|
|
76
|
+
display: flex;
|
|
77
|
+
}
|
|
78
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar .bottom-bar-menu {
|
|
79
|
+
background-color: #f5f5f5;
|
|
80
|
+
border-top: 1px solid lightgrey;
|
|
81
|
+
border-bottom: 1px solid lightgrey;
|
|
82
|
+
}
|
|
83
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar .o-spreadsheet-bottom-bar {
|
|
84
|
+
border: none;
|
|
85
|
+
}
|
|
86
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar .o-composer {
|
|
87
|
+
overscroll-behavior: contain;
|
|
88
|
+
}
|
|
89
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar .o-composer-assistant-container {
|
|
90
|
+
transform: translateY(calc(-26px - 100%));
|
|
91
|
+
}
|
|
92
|
+
.o-spreadsheet .o-spreadsheet-small-bottom-bar .o-spreadsheet-editor-symbol {
|
|
93
|
+
height: 33px;
|
|
94
|
+
cursor: pointer;
|
|
95
|
+
user-select: none;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
/* Originates from src/components/small_bottom_bar/ribbon_menu/ribbon_menu.scss */
|
|
99
|
+
.o-spreadsheet .o-ribbon-menu {
|
|
100
|
+
height: 250px;
|
|
101
|
+
}
|
|
102
|
+
.o-spreadsheet .o-ribbon-menu .o-ribbon-title {
|
|
103
|
+
background-color: white;
|
|
104
|
+
border-bottom: 2px solid #e0e2e4;
|
|
105
|
+
}
|
|
106
|
+
.o-spreadsheet .o-ribbon-menu .o-previous-button {
|
|
107
|
+
background-color: #f5f5f5;
|
|
108
|
+
}
|
|
109
|
+
.o-spreadsheet .o-ribbon-menu .o-ribbon-menu-wrapper {
|
|
110
|
+
max-height: 100%;
|
|
111
|
+
}
|
|
112
|
+
.o-spreadsheet .o-ribbon-menu .o-ribbon-menu-wrapper.scroll-top::before {
|
|
113
|
+
width: 100%;
|
|
114
|
+
height: 15px;
|
|
115
|
+
content: "";
|
|
116
|
+
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), transparent);
|
|
117
|
+
position: absolute;
|
|
118
|
+
pointer-events: none;
|
|
119
|
+
}
|
|
120
|
+
.o-spreadsheet .o-ribbon-menu .o-ribbon-menu-wrapper.scroll-bottom::after {
|
|
121
|
+
width: 100%;
|
|
122
|
+
height: 15px;
|
|
123
|
+
content: "";
|
|
124
|
+
background: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent);
|
|
125
|
+
position: absolute;
|
|
126
|
+
pointer-events: none;
|
|
127
|
+
z-index: 1;
|
|
128
|
+
bottom: 0;
|
|
129
|
+
}
|
|
130
|
+
.o-spreadsheet .o-ribbon-menu .o-menu-item {
|
|
131
|
+
height: 40px;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
/* Originates from src/components/side_panel/pivot/pivot_custom_groups_collapsible/pivot_custom_groups_collapsible.scss */
|
|
135
|
+
.o-spreadsheet .o-pivot-custom-groups .o_side_panel_collapsible_title {
|
|
136
|
+
font-size: 13px !important;
|
|
137
|
+
padding: 4px 0 4px 0 !important;
|
|
138
|
+
}
|
|
139
|
+
.o-spreadsheet .o-pivot-custom-groups .o_side_panel_collapsible_title .collapsor > div {
|
|
140
|
+
padding-left: 2px !important;
|
|
141
|
+
}
|
|
142
|
+
.o-spreadsheet .o-pivot-custom-groups .o_side_panel_collapsible_title .collapsor-arrow {
|
|
143
|
+
transform-origin: 5px 7px;
|
|
144
|
+
}
|
|
145
|
+
.o-spreadsheet .o-pivot-custom-groups .o_side_panel_collapsible_title .collapsor-arrow .o-icon {
|
|
146
|
+
width: 10px;
|
|
147
|
+
height: 14px;
|
|
148
|
+
}
|
|
149
|
+
.o-spreadsheet .o-pivot-custom-groups .os-collapse > div {
|
|
150
|
+
padding: 0 !important;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
/* Originates from src/components/side_panel/chart/building_blocks/pie_hole_size/pie_hole_size.scss */
|
|
154
|
+
.o-spreadsheet .o-sidePanel .o-pie-hole-size-input {
|
|
155
|
+
width: 40px;
|
|
156
|
+
}
|
|
157
|
+
|
|
158
|
+
/* Originates from src/components/side_panel/carousel_panel/carousel_panel.scss */
|
|
159
|
+
.o-spreadsheet .o-carousel-panel .o-carousel-preview {
|
|
160
|
+
height: 60px;
|
|
161
|
+
background-color: #fff;
|
|
162
|
+
border-left: 5px solid transparent;
|
|
163
|
+
}
|
|
164
|
+
.o-spreadsheet .o-carousel-panel .o-carousel-preview:not(:hover):not(.o-dragging) .o-drag-handle {
|
|
165
|
+
display: none !important;
|
|
166
|
+
}
|
|
167
|
+
.o-spreadsheet .o-carousel-panel .o-carousel-preview.o-selected {
|
|
168
|
+
border-color: #714b67;
|
|
169
|
+
}
|
|
170
|
+
.o-spreadsheet .o-carousel-panel .o-carousel-preview .o-drag-handle {
|
|
171
|
+
cursor: move;
|
|
172
|
+
}
|
|
173
|
+
.o-spreadsheet .o-carousel-panel .o-carousel-preview .o-drag-handle .o-icon {
|
|
174
|
+
width: 6px;
|
|
175
|
+
height: 30px;
|
|
176
|
+
}
|
|
177
|
+
.o-spreadsheet .o-carousel-panel .o-carousel-preview .o-carousel-preview-icon {
|
|
178
|
+
width: 48px;
|
|
179
|
+
height: 48px;
|
|
180
|
+
}
|
|
181
|
+
.o-spreadsheet .o-carousel-panel .o-carousel-preview .o-carousel-preview-icon .o-icon {
|
|
182
|
+
width: 36px;
|
|
183
|
+
height: 36px;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
/* Originates from src/components/full_screen_figure/full_screen_figure.scss */
|
|
187
|
+
.o-spreadsheet .o-fullscreen-figure-overlay {
|
|
188
|
+
z-index: 34; /* TODO: use css variables once ComponentsImportance is available in the scss. */
|
|
189
|
+
background-color: rgba(0, 0, 0, 0.4);
|
|
190
|
+
padding: 60px;
|
|
191
|
+
}
|
|
192
|
+
.o-spreadsheet .o-fullscreen-figure-overlay .o-figure:not(:hover) .o-dashboard-chart-select {
|
|
193
|
+
display: block !important;
|
|
194
|
+
}
|
|
195
|
+
|
|
196
|
+
/* Originates from src/components/filters/filter_menu_value_list/filter_menu_value_list.scss */
|
|
197
|
+
.o-spreadsheet .o-filter-menu .o-search-icon {
|
|
198
|
+
right: 5px;
|
|
199
|
+
top: 3px;
|
|
200
|
+
opacity: 0.4;
|
|
201
|
+
}
|
|
202
|
+
.o-spreadsheet .o-filter-menu .o-search-icon svg {
|
|
203
|
+
height: 16px;
|
|
204
|
+
width: 16px;
|
|
205
|
+
vertical-align: middle;
|
|
206
|
+
}
|
|
207
|
+
.o-spreadsheet .o-filter-menu .o-filter-menu-actions {
|
|
208
|
+
display: flex;
|
|
209
|
+
flex-direction: row;
|
|
210
|
+
margin-bottom: 4px;
|
|
211
|
+
}
|
|
212
|
+
.o-spreadsheet .o-filter-menu .o-filter-menu-list {
|
|
213
|
+
flex: auto;
|
|
214
|
+
overflow-y: auto;
|
|
215
|
+
border: 1px solid #d8dadd;
|
|
216
|
+
height: 130px;
|
|
217
|
+
}
|
|
218
|
+
.o-spreadsheet .o-filter-menu .o-filter-menu-list .o-filter-menu-no-values {
|
|
219
|
+
color: #949494;
|
|
220
|
+
font-style: italic;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
/* Originates from src/components/figures/figure_container/figure_container.scss */
|
|
224
|
+
.o-spreadsheet .o-figure.o-add-to-carousel::before {
|
|
225
|
+
content: "";
|
|
226
|
+
position: absolute;
|
|
227
|
+
top: 0;
|
|
228
|
+
left: 0;
|
|
229
|
+
width: 100%;
|
|
230
|
+
height: 100%;
|
|
231
|
+
background: rgba(255, 255, 255, 0.4);
|
|
232
|
+
backdrop-filter: blur(2px);
|
|
233
|
+
z-index: 5;
|
|
234
|
+
pointer-events: none;
|
|
235
|
+
}
|
|
236
|
+
.o-spreadsheet .o-figure.o-add-to-carousel::after {
|
|
237
|
+
content: "+";
|
|
238
|
+
position: absolute;
|
|
239
|
+
top: calc(50% - 15px);
|
|
240
|
+
left: 50%;
|
|
241
|
+
transform: translate(-50%, -50%);
|
|
242
|
+
font-size: 120px;
|
|
243
|
+
color: rgba(0, 0, 0, 0.5);
|
|
244
|
+
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
|
|
245
|
+
z-index: 10;
|
|
246
|
+
pointer-events: none;
|
|
247
|
+
font-weight: bold;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
/* Originates from src/components/figures/figure_carousel/figure_carousel.scss */
|
|
251
|
+
.o-spreadsheet .o-carousel-content {
|
|
252
|
+
height: 0; /* To make flex-fill work */
|
|
253
|
+
}
|
|
254
|
+
.o-spreadsheet .o-carousel-empty {
|
|
255
|
+
background-color: #ffffff;
|
|
256
|
+
}
|
|
257
|
+
.o-spreadsheet .o-carousel-empty .o-icon {
|
|
258
|
+
width: 50%;
|
|
259
|
+
height: 50%;
|
|
260
|
+
color: #ced4da;
|
|
261
|
+
}
|
|
262
|
+
.o-spreadsheet .o-carousel-header {
|
|
263
|
+
z-index: 1;
|
|
264
|
+
overflow: hidden;
|
|
265
|
+
padding-left: 4px; /* Align with MIN_CELL_TEXT_MARGIN */
|
|
266
|
+
border: 1px solid transparent;
|
|
267
|
+
}
|
|
268
|
+
.o-spreadsheet .o-carousel-header.o-carousel-header-floating {
|
|
269
|
+
border: 1px solid #c9ccd2;
|
|
270
|
+
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
|
271
|
+
}
|
|
272
|
+
.o-spreadsheet .o-carousel-header .o-carousel-title {
|
|
273
|
+
max-width: 60%;
|
|
274
|
+
}
|
|
275
|
+
.o-spreadsheet .o-carousel-header .o-carousel-tabs {
|
|
276
|
+
width: 0; /* To make flex-fill work */
|
|
277
|
+
}
|
|
278
|
+
.o-spreadsheet .o-carousel-header .o-carousel-button {
|
|
279
|
+
cursor: pointer;
|
|
280
|
+
}
|
|
281
|
+
.o-spreadsheet .o-carousel-header .o-carousel-button.o-carousel-tabs-dropdown {
|
|
282
|
+
font-size: 16px;
|
|
283
|
+
line-height: 16px;
|
|
284
|
+
}
|
|
285
|
+
.o-spreadsheet .o-carousel-header .o-carousel-button.o-carousel-full-screen-button {
|
|
286
|
+
margin: 1px;
|
|
287
|
+
}
|
|
288
|
+
.o-spreadsheet .o-carousel-header .o-carousel-button.o-carousel-menu-button {
|
|
289
|
+
padding: 3px 5px;
|
|
290
|
+
}
|
|
291
|
+
.o-spreadsheet .o-carousel-header .o-carousel-button.active, .o-spreadsheet .o-carousel-header .o-carousel-button:hover {
|
|
292
|
+
background-color: #d8dadd;
|
|
293
|
+
color: #111827;
|
|
294
|
+
}
|
|
295
|
+
.o-spreadsheet .o-carousel-header .o-carousel-tab {
|
|
296
|
+
cursor: pointer;
|
|
297
|
+
max-width: 150px;
|
|
298
|
+
font-size: 14px;
|
|
299
|
+
}
|
|
300
|
+
.o-spreadsheet .o-carousel-header .o-carousel-tab:hover {
|
|
301
|
+
color: #714b67;
|
|
302
|
+
}
|
|
303
|
+
.o-spreadsheet .o-carousel-header .o-carousel-tab.selected {
|
|
304
|
+
color: #714b67;
|
|
305
|
+
font-weight: 600;
|
|
306
|
+
}
|
|
307
|
+
|
|
308
|
+
/* Originates from src/components/figures/chart/chart_dashboard_menu/chart_dashboard_menu.scss */
|
|
309
|
+
.o-spreadsheet .o-figure:not(:hover):not(:focus-within) .o-dashboard-chart-select {
|
|
310
|
+
visibility: hidden;
|
|
311
|
+
}
|
|
312
|
+
.o-spreadsheet .o-figure .o-dashboard-chart-select {
|
|
313
|
+
cursor: default;
|
|
314
|
+
}
|
|
315
|
+
.o-spreadsheet .o-figure .o-dashboard-chart-select > div {
|
|
316
|
+
height: 28px;
|
|
317
|
+
}
|
|
318
|
+
.o-spreadsheet .o-figure .o-dashboard-chart-select .o-chart-dashboard-item.active, .o-spreadsheet .o-figure .o-dashboard-chart-select .o-chart-dashboard-item:hover, .o-spreadsheet .o-figure .o-dashboard-chart-select .o-chart-dashboard-item:target {
|
|
319
|
+
color: #111827 !important;
|
|
320
|
+
background: rgba(0, 0, 0, 0.1);
|
|
321
|
+
}
|
|
322
|
+
.o-spreadsheet .o-figure .o-dashboard-chart-select .o-chart-dashboard-item .o-chart-preview {
|
|
323
|
+
stroke-width: 2px;
|
|
324
|
+
transform: scale(1.1);
|
|
325
|
+
width: 16px;
|
|
326
|
+
height: 16px;
|
|
327
|
+
}
|
|
328
|
+
|
|
329
|
+
.o-spreadsheet.o-spreadsheet-mobile .o-figure .o-dashboard-chart-select {
|
|
330
|
+
display: block !important;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
/* Originates from src/components/dashboard/clickable_cell_sort_icon/clickable_cell_sort_icon.scss */
|
|
334
|
+
.o-spreadsheet .sorting-icon {
|
|
335
|
+
margin: 1px;
|
|
336
|
+
}
|
|
337
|
+
.o-spreadsheet .sorting-icon .fa-sort-desc {
|
|
338
|
+
transform: translateY(-2px);
|
|
339
|
+
}
|
|
340
|
+
.o-spreadsheet .sorting-icon .fa-sort-asc {
|
|
341
|
+
transform: translateY(4px);
|
|
342
|
+
}
|
|
343
|
+
.o-spreadsheet div:not(:hover) > .sorting-icon:has(> .fa-sort) {
|
|
344
|
+
display: none;
|
|
345
|
+
}
|
|
346
|
+
|
|
347
|
+
/* Originates from src/components/composer/formula_assistant/formula_assistant.scss */
|
|
348
|
+
.o-spreadsheet .o-formula-assistant {
|
|
349
|
+
background: #ffffff;
|
|
350
|
+
}
|
|
351
|
+
.o-spreadsheet .o-formula-assistant .o-formula-assistant-head {
|
|
352
|
+
background-color: #f2f2f2;
|
|
353
|
+
padding: 10px;
|
|
354
|
+
}
|
|
355
|
+
.o-spreadsheet .o-formula-assistant .o-formula-assistant-core {
|
|
356
|
+
border-bottom: 1px solid gray;
|
|
357
|
+
}
|
|
358
|
+
.o-spreadsheet .o-formula-assistant .o-formula-assistant-arg-description {
|
|
359
|
+
font-size: 85%;
|
|
360
|
+
}
|
|
361
|
+
.o-spreadsheet .o-formula-assistant .o-formula-assistant-focus div:first-child,
|
|
362
|
+
.o-spreadsheet .o-formula-assistant .o-formula-assistant-focus span {
|
|
363
|
+
color: #9b359b;
|
|
364
|
+
text-shadow: 0px 0px 1px #9b359b;
|
|
365
|
+
}
|
|
366
|
+
.o-spreadsheet .o-formula-assistant .o-formula-assistant-focus div:last-child {
|
|
367
|
+
color: black;
|
|
368
|
+
}
|
|
369
|
+
.o-spreadsheet .o-formula-assistant .o-formula-assistant-gray {
|
|
370
|
+
color: gray;
|
|
371
|
+
}
|
|
372
|
+
.o-spreadsheet .o-formula-assistant .collapsor {
|
|
373
|
+
cursor: pointer;
|
|
374
|
+
}
|
|
375
|
+
.o-spreadsheet .o-formula-assistant .collapsor:hover {
|
|
376
|
+
background-color: #ced4da;
|
|
377
|
+
color: #111827;
|
|
378
|
+
}
|
|
379
|
+
.o-spreadsheet .o-formula-assistant .collapsor .collapsor-arrow {
|
|
380
|
+
transform-origin: 6px 8px;
|
|
381
|
+
transform: rotate(-180deg);
|
|
382
|
+
transition: transform 0.2s ease-in-out;
|
|
383
|
+
}
|
|
384
|
+
.o-spreadsheet .o-formula-assistant .collapsor .collapsor-arrow .o-icon {
|
|
385
|
+
width: 12px;
|
|
386
|
+
height: 16px;
|
|
387
|
+
}
|
|
388
|
+
.o-spreadsheet .o-formula-assistant .collapsor.collapsed .collapsor-arrow {
|
|
389
|
+
transform: rotate(0deg);
|
|
390
|
+
}
|
package/dist/o_spreadsheet.xml
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
<!--
|
|
2
2
|
This file is generated by o-spreadsheet build tools. Do not edit it.
|
|
3
3
|
@see https://github.com/odoo/o-spreadsheet
|
|
4
|
-
@version 19.0.
|
|
5
|
-
@date
|
|
6
|
-
@hash
|
|
4
|
+
@version 19.0.16
|
|
5
|
+
@date 2026-01-07T16:22:03.403Z
|
|
6
|
+
@hash 9f3f13a
|
|
7
7
|
-->
|
|
8
8
|
<odoo>
|
|
9
9
|
<t t-name="o-spreadsheet-ValidationMessages">
|
|
@@ -1806,47 +1806,44 @@
|
|
|
1806
1806
|
<t t-name="o-spreadsheet-ConditionalFormatPreview">
|
|
1807
1807
|
<t t-set="cf" t-value="props.conditionalFormat"/>
|
|
1808
1808
|
<div
|
|
1809
|
-
class="o-cf-preview w-100"
|
|
1809
|
+
class="o-cf-preview w-100 d-flex align-items-center"
|
|
1810
1810
|
t-ref="cfPreview"
|
|
1811
1811
|
t-att-class="props.class"
|
|
1812
1812
|
t-att-data-id="cf.id"
|
|
1813
1813
|
t-on-click="props.onPreviewClick"
|
|
1814
1814
|
t-on-pointerdown="(ev) => this.onMouseDown(ev)">
|
|
1815
|
-
<div class="
|
|
1815
|
+
<div class="o-cf-drag-handle h-100 position-absolute d-flex align-items-center o-button-icon">
|
|
1816
|
+
<t t-call="o-spreadsheet-Icon.THIN_DRAG_HANDLE"/>
|
|
1817
|
+
</div>
|
|
1818
|
+
<t t-if="cf.rule.type==='IconSetRule'">
|
|
1819
|
+
<div class="o-cf-preview-icon d-flex justify-content-around align-items-center me-3">
|
|
1820
|
+
<t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.upper].template}}"/>
|
|
1821
|
+
<t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.middle].template}}"/>
|
|
1822
|
+
<t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.lower].template}}"/>
|
|
1823
|
+
</div>
|
|
1824
|
+
</t>
|
|
1825
|
+
<t t-else="">
|
|
1816
1826
|
<div
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
|
|
1820
|
-
<t t-if="cf.rule.type==='IconSetRule'">
|
|
1821
|
-
<div class="o-cf-preview-icon d-flex justify-content-around align-items-center me-2">
|
|
1822
|
-
<t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.upper].template}}"/>
|
|
1823
|
-
<t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.middle].template}}"/>
|
|
1824
|
-
<t t-call="o-spreadsheet-Icon.{{icons[cf.rule.icons.lower].template}}"/>
|
|
1825
|
-
</div>
|
|
1826
|
-
</t>
|
|
1827
|
-
<t t-else="">
|
|
1828
|
-
<div
|
|
1829
|
-
t-att-style="getPreviewImageStyle(cf.rule)"
|
|
1830
|
-
class="o-cf-preview-icon d-flex justify-content-around align-items-center me-2">
|
|
1831
|
-
123
|
|
1832
|
-
</div>
|
|
1833
|
-
</t>
|
|
1834
|
-
<div class="o-cf-preview-description">
|
|
1835
|
-
<div class="o-cf-preview-ruletype">
|
|
1836
|
-
<div class="o-cf-preview-description-rule o-fw-bold text-truncate">
|
|
1837
|
-
<t t-esc="getDescription(cf)"/>
|
|
1838
|
-
</div>
|
|
1839
|
-
</div>
|
|
1840
|
-
<div class="o-cf-preview-range text-truncate" t-esc="cf.ranges"/>
|
|
1827
|
+
t-att-style="getPreviewImageStyle(cf.rule)"
|
|
1828
|
+
class="o-cf-preview-icon d-flex justify-content-around align-items-center me-3 flex-shrink-0">
|
|
1829
|
+
123
|
|
1841
1830
|
</div>
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
<t t-call="o-spreadsheet-Icon.TRASH_FILLED"/>
|
|
1831
|
+
</t>
|
|
1832
|
+
<div class="o-cf-preview-description me-3 overflow-auto">
|
|
1833
|
+
<div class="o-cf-preview-ruletype">
|
|
1834
|
+
<div class="o-cf-preview-description-rule o-fw-bold text-truncate">
|
|
1835
|
+
<t t-esc="getDescription(cf)"/>
|
|
1848
1836
|
</div>
|
|
1849
1837
|
</div>
|
|
1838
|
+
<div class="o-cf-preview-range text-truncate" t-esc="cf.ranges"/>
|
|
1839
|
+
</div>
|
|
1840
|
+
<div class="o-cf-delete ms-auto">
|
|
1841
|
+
<div
|
|
1842
|
+
class="o-cf-delete-button o-button-icon"
|
|
1843
|
+
t-on-click.stop="(ev) => this.deleteConditionalFormat(cf, ev)"
|
|
1844
|
+
title="Remove rule">
|
|
1845
|
+
<t t-call="o-spreadsheet-Icon.TRASH_FILLED"/>
|
|
1846
|
+
</div>
|
|
1850
1847
|
</div>
|
|
1851
1848
|
</div>
|
|
1852
1849
|
</t>
|
|
@@ -5975,7 +5972,7 @@
|
|
|
5975
5972
|
|
|
5976
5973
|
<t t-name="o-spreadsheet-GridOverlay">
|
|
5977
5974
|
<div class="position-absolute" t-att-style="style">
|
|
5978
|
-
<FiguresContainer
|
|
5975
|
+
<FiguresContainer/>
|
|
5979
5976
|
</div>
|
|
5980
5977
|
<div
|
|
5981
5978
|
t-ref="gridOverlay"
|
|
@@ -5990,7 +5987,6 @@
|
|
|
5990
5987
|
<GridAddRowsFooter
|
|
5991
5988
|
t-if="!env.model.getters.isReadonly()"
|
|
5992
5989
|
t-key="env.model.getters.getActiveSheetId()"
|
|
5993
|
-
focusGrid="props.onFigureDeleted"
|
|
5994
5990
|
/>
|
|
5995
5991
|
<t t-slot="default"/>
|
|
5996
5992
|
</div>
|
|
@@ -6040,8 +6036,6 @@
|
|
|
6040
6036
|
onGridResized.bind="onGridResized"
|
|
6041
6037
|
onGridMoved.bind="moveCanvas"
|
|
6042
6038
|
gridOverlayDimensions="gridOverlayDimensions"
|
|
6043
|
-
onFigureDeleted.bind="focusDefaultElement"
|
|
6044
|
-
getGridSize="props.getGridSize"
|
|
6045
6039
|
/>
|
|
6046
6040
|
<HeadersOverlay onOpenContextMenu="(type, x, y) => this.toggleContextMenu(type, x, y)"/>
|
|
6047
6041
|
<GridComposer
|
|
@@ -6117,7 +6111,6 @@
|
|
|
6117
6111
|
t-component="figureComponent"
|
|
6118
6112
|
figureUI="figureUI"
|
|
6119
6113
|
isFullScreen="true"
|
|
6120
|
-
onFigureDeleted="() => {}"
|
|
6121
6114
|
t-key="figureUI.id"
|
|
6122
6115
|
/>
|
|
6123
6116
|
</t>
|
|
@@ -6318,7 +6311,6 @@
|
|
|
6318
6311
|
t-att-style="container.inverseViewportStyle">
|
|
6319
6312
|
<t t-foreach="container.figures" t-as="figureUI" t-key="figureUI.id">
|
|
6320
6313
|
<FigureComponent
|
|
6321
|
-
onFigureDeleted="this.props.onFigureDeleted"
|
|
6322
6314
|
figureUI="figureUI"
|
|
6323
6315
|
style="getFigureStyle(figureUI)"
|
|
6324
6316
|
class="getFigureClass(figureUI)"
|
|
@@ -6461,7 +6453,6 @@
|
|
|
6461
6453
|
<t
|
|
6462
6454
|
t-component="figureRegistry.get(props.figureUI.tag).Component"
|
|
6463
6455
|
t-key="props.figureUI.id"
|
|
6464
|
-
onFigureDeleted="props.onFigureDeleted"
|
|
6465
6456
|
figureUI="props.figureUI"
|
|
6466
6457
|
editFigureStyle.bind="editWrapperStyle"
|
|
6467
6458
|
openContextMenu.bind="openContextMenu"
|
|
@@ -6642,8 +6633,7 @@
|
|
|
6642
6633
|
<GridOverlay
|
|
6643
6634
|
onGridResized.bind="onGridResized"
|
|
6644
6635
|
onGridMoved.bind="moveCanvas"
|
|
6645
|
-
gridOverlayDimensions="gridOverlayDimensions"
|
|
6646
|
-
getGridSize="props.getGridSize">
|
|
6636
|
+
gridOverlayDimensions="gridOverlayDimensions">
|
|
6647
6637
|
<div
|
|
6648
6638
|
t-foreach="getClickableCells()"
|
|
6649
6639
|
t-as="clickableCell"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@odoo/o-spreadsheet",
|
|
3
|
-
"version": "19.0.
|
|
3
|
+
"version": "19.0.16",
|
|
4
4
|
"description": "A spreadsheet component",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/o-spreadsheet.cjs.js",
|
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
"files": [
|
|
11
11
|
"dist/*.js",
|
|
12
12
|
"dist/*.d.ts",
|
|
13
|
-
"dist/*.xml"
|
|
13
|
+
"dist/*.xml",
|
|
14
|
+
"dist/*.css"
|
|
14
15
|
],
|
|
15
16
|
"scripts": {
|
|
16
17
|
"serve-static": "live-server --open=demo --watch=build/o_spreadsheet.iife.js,build/o_spreadsheet.xml,build/o_spreadsheet.css,main.css,demo",
|
|
@@ -160,6 +161,6 @@
|
|
|
160
161
|
]
|
|
161
162
|
},
|
|
162
163
|
"publishConfig": {
|
|
163
|
-
"tag": "
|
|
164
|
+
"tag": "19-0"
|
|
164
165
|
}
|
|
165
166
|
}
|