funda-ui 4.3.355 → 4.3.721

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 (49) hide show
  1. package/DynamicFields/index.d.ts +1 -0
  2. package/DynamicFields/index.js +23 -3
  3. package/EventCalendar/index.css +150 -106
  4. package/EventCalendar/index.d.ts +11 -2
  5. package/EventCalendar/index.js +835 -151
  6. package/EventCalendarTimeline/index.css +293 -251
  7. package/EventCalendarTimeline/index.d.ts +18 -9
  8. package/EventCalendarTimeline/index.js +1077 -505
  9. package/MultipleCheckboxes/index.d.ts +1 -0
  10. package/MultipleCheckboxes/index.js +17 -7
  11. package/MultipleSelect/index.d.ts +4 -0
  12. package/MultipleSelect/index.js +54 -8
  13. package/NativeSelect/index.js +1 -0
  14. package/Radio/index.d.ts +2 -1
  15. package/Radio/index.js +54 -24
  16. package/Select/index.js +115 -42
  17. package/Table/index.js +27 -3
  18. package/lib/cjs/DynamicFields/index.d.ts +1 -0
  19. package/lib/cjs/DynamicFields/index.js +23 -3
  20. package/lib/cjs/EventCalendar/index.d.ts +11 -2
  21. package/lib/cjs/EventCalendar/index.js +835 -151
  22. package/lib/cjs/EventCalendarTimeline/index.d.ts +18 -9
  23. package/lib/cjs/EventCalendarTimeline/index.js +1077 -505
  24. package/lib/cjs/MultipleCheckboxes/index.d.ts +1 -0
  25. package/lib/cjs/MultipleCheckboxes/index.js +17 -7
  26. package/lib/cjs/MultipleSelect/index.d.ts +4 -0
  27. package/lib/cjs/MultipleSelect/index.js +54 -8
  28. package/lib/cjs/NativeSelect/index.js +1 -0
  29. package/lib/cjs/Radio/index.d.ts +2 -1
  30. package/lib/cjs/Radio/index.js +54 -24
  31. package/lib/cjs/Select/index.js +115 -42
  32. package/lib/cjs/Table/index.js +27 -3
  33. package/lib/css/EventCalendar/index.css +150 -106
  34. package/lib/css/EventCalendarTimeline/index.css +293 -251
  35. package/lib/esm/DynamicFields/index.tsx +28 -3
  36. package/lib/esm/EventCalendar/index.scss +172 -104
  37. package/lib/esm/EventCalendar/index.tsx +272 -139
  38. package/lib/esm/EventCalendarTimeline/index.scss +275 -213
  39. package/lib/esm/EventCalendarTimeline/index.tsx +706 -708
  40. package/lib/esm/MultipleCheckboxes/index.tsx +18 -5
  41. package/lib/esm/MultipleSelect/ItemList.tsx +1 -0
  42. package/lib/esm/MultipleSelect/index.tsx +103 -52
  43. package/lib/esm/NativeSelect/index.tsx +2 -0
  44. package/lib/esm/Radio/index.tsx +68 -27
  45. package/lib/esm/Select/index.tsx +236 -65
  46. package/lib/esm/Table/Table.tsx +1 -0
  47. package/lib/esm/Table/TableCell.tsx +6 -0
  48. package/lib/esm/Table/table-utils/ToggleSelection.tsx +17 -2
  49. package/package.json +1 -1
package/lib/css/EventCalendarTimeline/index.css CHANGED
@@ -7,55 +7,55 @@
7
7
  //////////////////// Calendar ////////////////////
8
8
  //////////////////////////////////////////////////
9
9
  */
10
- .e-cal-tl__wrapper {
11
- --e-cal-tl-wrapper-min-width: 400px;
12
- --e-cal-tl-border-color: #ddd;
13
- --e-cal-tl-border-color-hover: #333;
14
- --e-cal-tl-header-fs: 1.125rem;
15
- --e-cal-tl-year-month-btn-border-color: #ddd;
16
- --e-cal-tl-year-month-btn-hover-bg: rgba(0, 58, 166, .1);
17
- --e-cal-tl-year-month-btn-selected-bg: rgba(0, 58, 166, 1);
18
- --e-cal-tl-year-month-btn-selected-color: #fff;
19
- --e-cal-tl-month-wrapper-w: 18.75rem;
20
- --e-cal-tl-year-wrapper-w: 18.75rem;
21
- --e-cal-tl-header-arrow-bg: #000;
22
- --e-cal-tl-header-text-color: #000;
23
- --e-cal-tl-header-prevnext-btn-bg: transparent;
24
- --e-cal-tl-header-prevnext-btn-color: #000;
25
- --e-cal-tl-header-prevnext-btn-radius: 0.25rem;
26
- --e-cal-tl-footer-today-btn-bg: rgba(0, 58, 166, 1);
27
- --e-cal-tl-footer-today-btn-color: #fff;
10
+ .e-cal-timeline__wrapper {
11
+ --e-cal-timeline-wrapper-min-width: 400px;
12
+ --e-cal-timeline-border-color: #ddd;
13
+ --e-cal-timeline-border-color-hover: #333;
14
+ --e-cal-timeline-header-fs: 1.125rem;
15
+ --e-cal-timeline-year-month-btn-border-color: #ddd;
16
+ --e-cal-timeline-year-month-btn-hover-bg: rgba(0, 58, 166, .1);
17
+ --e-cal-timeline-year-month-btn-selected-bg: rgba(0, 58, 166, 1);
18
+ --e-cal-timeline-year-month-btn-selected-color: #fff;
19
+ --e-cal-timeline-month-wrapper-w: 18.75rem;
20
+ --e-cal-timeline-year-wrapper-w: 18.75rem;
21
+ --e-cal-timeline-header-arrow-bg: #000;
22
+ --e-cal-timeline-header-text-color: #000;
23
+ --e-cal-timeline-header-prevnext-btn-bg: transparent;
24
+ --e-cal-timeline-header-prevnext-btn-color: #000;
25
+ --e-cal-timeline-header-prevnext-btn-radius: 0.25rem;
26
+ --e-cal-timeline-footer-today-btn-bg: rgba(0, 58, 166, 1);
27
+ --e-cal-timeline-footer-today-btn-color: #fff;
28
28
  position: relative;
29
29
  z-index: 3;
30
- min-width: var(--e-cal-tl-wrapper-min-width);
31
- border: 1px solid var(--e-cal-tl-border-color);
30
+ min-width: var(--e-cal-timeline-wrapper-min-width);
31
+ border: 1px solid var(--e-cal-timeline-border-color);
32
32
  /* --HEADER --*/
33
33
  /*-- SELECTION --*/
34
34
  /* --BUTTON --*/
35
35
  }
36
- .e-cal-tl__wrapper .e-cal-tl__header {
37
- font-size: var(--e-cal-tl-header-fs);
36
+ .e-cal-timeline__wrapper .e-cal-timeline__header {
37
+ font-size: var(--e-cal-timeline-header-fs);
38
38
  font-weight: bold;
39
39
  padding: 10px 10px 5px 10px;
40
40
  display: flex;
41
41
  justify-content: space-between;
42
42
  }
43
- .e-cal-tl__wrapper .e-cal-tl__header .e-cal-tl__header__btns .e-cal-tl__btn {
43
+ .e-cal-timeline__wrapper .e-cal-timeline__header .e-cal-timeline__header__btns .e-cal-timeline__btn {
44
44
  margin-right: 1rem;
45
- color: var(--e-cal-tl-header-text-color);
45
+ color: var(--e-cal-timeline-header-text-color);
46
46
  }
47
- .e-cal-tl__wrapper .e-cal-tl__header .e-cal-tl__header__btns .e-cal-tl__btn svg {
47
+ .e-cal-timeline__wrapper .e-cal-timeline__header .e-cal-timeline__header__btns .e-cal-timeline__btn svg {
48
48
  margin-left: 0.3rem;
49
49
  }
50
- .e-cal-tl__wrapper .e-cal-tl__header .e-cal-tl__header__btns .e-cal-tl__btn svg path {
51
- fill: var(--e-cal-tl-header-arrow-bg);
50
+ .e-cal-timeline__wrapper .e-cal-timeline__header .e-cal-timeline__header__btns .e-cal-timeline__btn svg path {
51
+ fill: var(--e-cal-timeline-header-arrow-bg);
52
52
  }
53
- .e-cal-tl__wrapper .e-cal-tl__header .e-cal-tl__header__btns .e-cal-tl__btn.active svg {
53
+ .e-cal-timeline__wrapper .e-cal-timeline__header .e-cal-timeline__header__btns .e-cal-timeline__btn.active svg {
54
54
  transform: rotate(180deg);
55
55
  }
56
- .e-cal-tl__wrapper .e-cal-tl__month-wrapper {
56
+ .e-cal-timeline__wrapper .e-cal-timeline__month-wrapper {
57
57
  position: absolute;
58
- width: var(--e-cal-tl-month-wrapper-w);
58
+ width: var(--e-cal-timeline-month-wrapper-w);
59
59
  height: auto;
60
60
  z-index: 1;
61
61
  top: calc(1rem + 22px);
@@ -63,18 +63,18 @@
63
63
  transform: translateX(-50%);
64
64
  display: none;
65
65
  }
66
- .e-cal-tl__wrapper .e-cal-tl__month-wrapper.active {
66
+ .e-cal-timeline__wrapper .e-cal-timeline__month-wrapper.active {
67
67
  display: block;
68
68
  }
69
- .e-cal-tl__wrapper .e-cal-tl__month-wrapper .e-cal-tl__month-container {
69
+ .e-cal-timeline__wrapper .e-cal-timeline__month-wrapper .e-cal-timeline__month-container {
70
70
  display: grid;
71
71
  grid-template-columns: repeat(3, 1fr);
72
72
  grid-template-rows: repeat(4, 2.5em);
73
73
  grid-gap: 10px;
74
74
  }
75
- .e-cal-tl__wrapper .e-cal-tl__year-wrapper {
75
+ .e-cal-timeline__wrapper .e-cal-timeline__year-wrapper {
76
76
  position: absolute;
77
- width: var(--e-cal-tl-year-wrapper-w);
77
+ width: var(--e-cal-timeline-year-wrapper-w);
78
78
  height: auto;
79
79
  z-index: 1;
80
80
  top: calc(1rem + 22px);
@@ -82,16 +82,16 @@
82
82
  transform: translateX(-50%);
83
83
  display: none;
84
84
  }
85
- .e-cal-tl__wrapper .e-cal-tl__year-wrapper.active {
85
+ .e-cal-timeline__wrapper .e-cal-timeline__year-wrapper.active {
86
86
  display: block;
87
87
  }
88
- .e-cal-tl__wrapper .e-cal-tl__year-wrapper .e-cal-tl__year-container {
88
+ .e-cal-timeline__wrapper .e-cal-timeline__year-wrapper .e-cal-timeline__year-container {
89
89
  display: grid;
90
90
  grid-template-columns: repeat(4, 1fr);
91
91
  grid-template-rows: repeat(5, 2.5em);
92
92
  grid-gap: 5px;
93
93
  }
94
- .e-cal-tl__wrapper .e-cal-tl__today-wrapper {
94
+ .e-cal-timeline__wrapper .e-cal-timeline__today-wrapper {
95
95
  position: absolute;
96
96
  width: auto;
97
97
  height: auto;
@@ -100,32 +100,32 @@
100
100
  left: 50%;
101
101
  margin-left: 5rem;
102
102
  }
103
- .e-cal-tl__wrapper .e-cal-tl__year,
104
- .e-cal-tl__wrapper .e-cal-tl__month {
103
+ .e-cal-timeline__wrapper .e-cal-timeline__year,
104
+ .e-cal-timeline__wrapper .e-cal-timeline__month {
105
105
  display: flex;
106
106
  align-items: center;
107
107
  justify-content: center;
108
108
  padding: 5px;
109
109
  font-size: 0.875em;
110
- border: 1px solid var(--e-cal-tl-year-month-btn-border-color);
110
+ border: 1px solid var(--e-cal-timeline-year-month-btn-border-color);
111
111
  border-radius: 0.25rem;
112
112
  cursor: pointer;
113
113
  }
114
- .e-cal-tl__wrapper .e-cal-tl__year:hover,
115
- .e-cal-tl__wrapper .e-cal-tl__month:hover {
116
- background-color: var(--e-cal-tl-year-month-btn-hover-bg);
114
+ .e-cal-timeline__wrapper .e-cal-timeline__year:hover,
115
+ .e-cal-timeline__wrapper .e-cal-timeline__month:hover {
116
+ background-color: var(--e-cal-timeline-year-month-btn-hover-bg);
117
117
  }
118
- .e-cal-tl__wrapper .e-cal-tl__year.selected,
119
- .e-cal-tl__wrapper .e-cal-tl__month.selected {
120
- background-color: var(--e-cal-tl-year-month-btn-selected-bg);
121
- color: var(--e-cal-tl-year-month-btn-selected-color);
118
+ .e-cal-timeline__wrapper .e-cal-timeline__year.selected,
119
+ .e-cal-timeline__wrapper .e-cal-timeline__month.selected {
120
+ background-color: var(--e-cal-timeline-year-month-btn-selected-bg);
121
+ color: var(--e-cal-timeline-year-month-btn-selected-color);
122
122
  }
123
- .e-cal-tl__wrapper .e-cal-tl__year.disabled,
124
- .e-cal-tl__wrapper .e-cal-tl__month.disabled {
123
+ .e-cal-timeline__wrapper .e-cal-timeline__year.disabled,
124
+ .e-cal-timeline__wrapper .e-cal-timeline__month.disabled {
125
125
  opacity: 0.4;
126
126
  pointer-events: none;
127
127
  }
128
- .e-cal-tl__wrapper .e-cal-tl__btn {
128
+ .e-cal-timeline__wrapper .e-cal-timeline__btn {
129
129
  border: none;
130
130
  outline: none;
131
131
  background: none;
@@ -137,28 +137,28 @@
137
137
  display: inline-flex;
138
138
  align-items: center;
139
139
  }
140
- .e-cal-tl__wrapper .e-cal-tl__btn svg path {
141
- fill: var(--e-cal-tl-header-arrow-bg);
140
+ .e-cal-timeline__wrapper .e-cal-timeline__btn svg path {
141
+ fill: var(--e-cal-timeline-header-arrow-bg);
142
142
  }
143
- .e-cal-tl__wrapper .e-cal-tl__btn.disabled {
143
+ .e-cal-timeline__wrapper .e-cal-timeline__btn.disabled {
144
144
  opacity: 0.4;
145
145
  pointer-events: none;
146
146
  }
147
- .e-cal-tl__wrapper .e-cal-tl__btn--prev, .e-cal-tl__wrapper .e-cal-tl__btn--next {
148
- border-radius: var(--e-cal-tl-header-prevnext-btn-radius);
149
- color: var(--e-cal-tl-header-prevnext-btn-color);
150
- background-color: var(--e-cal-tl-header-prevnext-btn-bg);
147
+ .e-cal-timeline__wrapper .e-cal-timeline__btn--prev, .e-cal-timeline__wrapper .e-cal-timeline__btn--next {
148
+ border-radius: var(--e-cal-timeline-header-prevnext-btn-radius);
149
+ color: var(--e-cal-timeline-header-prevnext-btn-color);
150
+ background-color: var(--e-cal-timeline-header-prevnext-btn-bg);
151
151
  }
152
- .e-cal-tl__wrapper .e-cal-tl__btn--prev svg path, .e-cal-tl__wrapper .e-cal-tl__btn--next svg path {
153
- fill: var(--e-cal-tl-header-prevnext-btn-color);
152
+ .e-cal-timeline__wrapper .e-cal-timeline__btn--prev svg path, .e-cal-timeline__wrapper .e-cal-timeline__btn--next svg path {
153
+ fill: var(--e-cal-timeline-header-prevnext-btn-color);
154
154
  }
155
- .e-cal-tl__wrapper .e-cal-tl__btn--today {
156
- border: 1px solid var(--e-cal-tl-border-color);
155
+ .e-cal-timeline__wrapper .e-cal-timeline__btn--today {
156
+ border: 1px solid var(--e-cal-timeline-border-color);
157
157
  border-radius: 0.25rem;
158
158
  font-size: 0.875em;
159
159
  padding: 0.2rem 1rem;
160
- color: var(--e-cal-tl-footer-today-btn-color);
161
- background-color: var(--e-cal-tl-footer-today-btn-bg);
160
+ color: var(--e-cal-timeline-footer-today-btn-color);
161
+ background-color: var(--e-cal-timeline-footer-today-btn-bg);
162
162
  }
163
163
 
164
164
  /*
@@ -166,34 +166,35 @@
166
166
  //////////////////// Table Grid //////////////////
167
167
  //////////////////////////////////////////////////
168
168
  */
169
- .e-cal-tl-table__timeline-table__wrapper {
170
- --e-cal-tl-table-scrollbar-color: rgba(0, 0, 0, 0.2);
171
- --e-cal-tl-table-scrollbar-track: rgba(0, 0, 0, 0);
172
- --e-cal-tl-table-scrollbar-h: 3px;
173
- --e-cal-tl-table-scrollbar-w: 3px;
174
- --e-cal-tl-table-header-bg: #fff;
175
- --e-cal-tl-table-body-bg: #fff;
176
- --e-cal-tl-table-divider-bg: #eee;
177
- --e-cal-tl-table-divider-border: 1px solid #ddd;
178
- --e-cal-tl-table-divider-w: 3px;
179
- --e-cal-tl-table-header-w: 150px;
180
- --e-cal-tl-table-cell-padding: 0.5rem 0.75rem;
181
- --e-cal-tl-table-cell-h: 2.5rem;
182
- --e-cal-tl-table-cell-max-w: 300px;
183
- --e-cal-tl-table-cell-line-height: 1.7;
184
- --e-cal-tl-table-primary-border: 1px solid #ddd;
185
- --e-cal-tl-table-bodycell-border: 1px solid #eee;
186
- --e-cal-tl-table-header-border: 1px solid #ddd;
187
- --e-cal-tl-table-bodycell-font-size: 0.875rem;
188
- --e-cal-tl-table-headercell-font-size: 0.875rem;
189
- --e-cal-tl-table-dayselected-bg: #0b5ed7;
190
- --e-cal-tl-table-dayselected-text-color: #fff;
191
- --e-cal-tl-table-delete-btn-color: #ee4949;
192
- --e-cal-tl-table-event-font-size: 0.75rem;
193
- --e-cal-tl-table-event-hover-bg: rgba(255, 240, 227, 0);
194
- --e-cal-tl-table-event-hover-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15);
169
+ .e-cal-timeline-table__timeline-table__wrapper {
170
+ --e-cal-timeline-table-scrollbar-color: rgba(0, 0, 0, 0.2);
171
+ --e-cal-timeline-table-scrollbar-track: rgba(0, 0, 0, 0);
172
+ --e-cal-timeline-table-scrollbar-h: 3px;
173
+ --e-cal-timeline-table-scrollbar-w: 3px;
174
+ --e-cal-timeline-table-header-bg: #fff;
175
+ --e-cal-timeline-table-body-bg: #fff;
176
+ --e-cal-timeline-table-divider-bg: #eee;
177
+ --e-cal-timeline-table-divider-border: 1px solid #ddd;
178
+ --e-cal-timeline-table-divider-w: 3px;
179
+ --e-cal-timeline-table-header-w: 150px;
180
+ --e-cal-timeline-table-cell-padding: 0.5rem 0.75rem;
181
+ --e-cal-timeline-table-cell-h: 2.5rem;
182
+ --e-cal-timeline-table-cell-max-w: 300px;
183
+ --e-cal-timeline-table-cell-line-height: 1.7;
184
+ --e-cal-timeline-table-primary-border: 1px solid #ddd;
185
+ --e-cal-timeline-table-bodycell-border: 1px solid #eee;
186
+ --e-cal-timeline-table-header-border: 1px solid #ddd;
187
+ --e-cal-timeline-table-bodycell-font-size: 0.875rem;
188
+ --e-cal-timeline-table-headercell-font-size: 0.875rem;
189
+ --e-cal-timeline-table-dayselected-bg: #0b5ed7;
190
+ --e-cal-timeline-table-dayselected-text-color: #fff;
191
+ --e-cal-timeline-table-delete-btn-color: #ee4949;
192
+ --e-cal-timeline-table-add-btn-color: #0b5ed7;
193
+ --e-cal-timeline-table-event-font-size: 0.75rem;
194
+ --e-cal-timeline-table-event-hover-bg: rgba(255, 240, 227, 0);
195
+ --e-cal-timeline-table-event-hover-shadow: inset 0px 0px 0px 1px rgba(0,0,0,0.15);
195
196
  height: 100%; /* Required */
196
- font-size: var(--e-cal-tl-table-bodycell-font-size);
197
+ font-size: var(--e-cal-timeline-table-bodycell-font-size);
197
198
  margin-top: -1px;
198
199
  position: relative;
199
200
  z-index: 2;
@@ -205,8 +206,8 @@
205
206
  /* header content */
206
207
  /* content min-width， or using JavaScript */
207
208
  /*
208
- .e-cal-tl-table__datagrid-body__content > colgroup > col,
209
- .e-cal-tl-table__datagrid-header__content > tbody th {
209
+ .e-cal-timeline-table__datagrid-body__content > colgroup > col,
210
+ .e-cal-timeline-table__datagrid-header__content > tbody th {
210
211
  width: 100px;
211
212
  }
212
213
  */
@@ -219,8 +220,8 @@
219
220
  /* cell */
220
221
  /* scroller */
221
222
  }
222
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-table {
223
- border: var(--e-cal-tl-table-primary-border);
223
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__timeline-table {
224
+ border: var(--e-cal-timeline-table-primary-border);
224
225
  text-align: left;
225
226
  width: 100%;
226
227
  margin: 0;
@@ -229,21 +230,21 @@
229
230
  border-spacing: 0;
230
231
  empty-cells: show;
231
232
  }
232
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-table th {
233
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__timeline-table th {
233
234
  margin: 0;
234
235
  padding: 0;
235
236
  vertical-align: top;
236
237
  }
237
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-table td {
238
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__timeline-table td {
238
239
  margin: 0;
239
240
  padding: 0;
240
241
  vertical-align: top;
241
- line-height: var(--e-cal-tl-table-cell-line-height);
242
+ line-height: var(--e-cal-timeline-table-cell-line-height);
242
243
  }
243
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__list-section {
244
- background: var(--e-cal-tl-table-body-bg);
244
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__list-section {
245
+ background: var(--e-cal-timeline-table-body-bg);
245
246
  }
246
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__title {
247
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__title {
247
248
  text-align: left;
248
249
  width: 100%;
249
250
  margin: 0;
@@ -252,24 +253,24 @@
252
253
  border-spacing: 0;
253
254
  empty-cells: show;
254
255
  }
255
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__title th {
256
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__title th {
256
257
  margin: 0;
257
258
  padding: 0;
258
259
  vertical-align: top;
259
260
  }
260
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__title td {
261
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__title td {
261
262
  margin: 0;
262
263
  padding: 0;
263
264
  vertical-align: top;
264
- line-height: var(--e-cal-tl-table-cell-line-height);
265
+ line-height: var(--e-cal-timeline-table-cell-line-height);
265
266
  }
266
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__title > tbody > tr {
267
- border-bottom: var(--e-cal-tl-table-bodycell-border);
267
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__title > tbody > tr {
268
+ border-bottom: var(--e-cal-timeline-table-bodycell-border);
268
269
  }
269
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__title > tbody > tr:last-child {
270
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__title > tbody > tr:last-child {
270
271
  border-bottom: 0;
271
272
  }
272
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content {
273
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__content {
273
274
  text-align: left;
274
275
  border-collapse: collapse;
275
276
  margin: 0;
@@ -278,155 +279,196 @@
278
279
  border-spacing: 0;
279
280
  empty-cells: show;
280
281
  }
281
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content th {
282
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__content th {
282
283
  margin: 0;
283
284
  padding: 0;
284
285
  vertical-align: top;
285
286
  }
286
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content td {
287
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__content td {
287
288
  margin: 0;
288
289
  padding: 0;
289
290
  vertical-align: top;
290
- line-height: var(--e-cal-tl-table-cell-line-height);
291
+ line-height: var(--e-cal-timeline-table-cell-line-height);
291
292
  }
292
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content > tbody > tr {
293
- border-bottom: var(--e-cal-tl-table-bodycell-border);
293
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__content > tbody > tr {
294
+ border-bottom: var(--e-cal-timeline-table-bodycell-border);
294
295
  }
295
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content > tbody > tr:last-child {
296
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__content > tbody > tr:last-child {
296
297
  border-bottom: 0;
297
298
  }
298
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content > tbody > tr > td {
299
- border-right: var(--e-cal-tl-table-bodycell-border);
299
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__content > tbody > tr > td {
300
+ border-right: var(--e-cal-timeline-table-bodycell-border);
300
301
  }
301
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-headertitle {
302
- background: var(--e-cal-tl-table-header-bg);
303
- border-bottom: var(--e-cal-tl-table-header-border);
302
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__timeline-headertitle {
303
+ background: var(--e-cal-timeline-table-header-bg);
304
+ border-bottom: var(--e-cal-timeline-table-header-border);
304
305
  overflow: hidden;
305
306
  }
306
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-header {
307
- background: var(--e-cal-tl-table-header-bg);
307
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__timeline-header {
308
+ background: var(--e-cal-timeline-table-header-bg);
308
309
  }
309
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__title {
310
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-header__title {
310
311
  border-spacing: 0;
311
312
  }
312
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__content {
313
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-header__content {
313
314
  border-spacing: 0;
314
- border-bottom: var(--e-cal-tl-table-header-border);
315
+ border-bottom: var(--e-cal-timeline-table-header-border);
315
316
  }
316
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-header__content > tbody > tr > th {
317
- border-right: var(--e-cal-tl-table-primary-border);
317
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-header__content > tbody > tr > th {
318
+ border-right: var(--e-cal-timeline-table-primary-border);
318
319
  }
319
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-title,
320
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content {
320
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-title,
321
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content {
321
322
  word-wrap: break-word;
322
323
  word-break: break-word;
323
- max-width: var(--e-cal-tl-table-cell-max-w);
324
+ max-width: var(--e-cal-timeline-table-cell-max-w);
325
+ /* ITEMS */
324
326
  /* If the maximum width is not increased and the screen becomes smaller,
325
- the cell width of ".e-cal-tl-table__datagrid-header__content" may be
326
- slightly inconsistent with the cell width of ".e-cal-tl-table__datagrid-body__content" */
327
+ the cell width of ".e-cal-timeline-table__datagrid-header__content" may be
328
+ slightly inconsistent with the cell width of ".e-cal-timeline-table__datagrid-body__content" */
327
329
  }
328
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent {
330
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-title > div,
331
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content > div {
332
+ position: relative;
333
+ }
334
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headercontent {
329
335
  white-space: nowrap;
330
336
  }
331
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent,
332
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle {
333
- font-size: var(--e-cal-tl-table-headercell-font-size);
337
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headercontent,
338
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headertitle {
339
+ font-size: var(--e-cal-timeline-table-headercell-font-size);
334
340
  }
335
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle,
336
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-title {
341
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headertitle,
342
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-title {
337
343
  word-wrap: break-word;
338
344
  word-break: break-word;
339
345
  }
340
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headertitle {
341
- width: var(--e-cal-tl-table-header-w);
346
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headertitle {
347
+ width: var(--e-cal-timeline-table-header-w);
342
348
  }
343
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container {
349
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container {
344
350
  position: relative;
351
+ /* Delete button */
352
+ /* Add button */
345
353
  }
346
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container.selected, .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container:hover {
347
- background-color: var(--e-cal-tl-table-event-hover-bg);
348
- box-shadow: var(--e-cal-tl-table-event-hover-shadow);
349
- }
350
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container:not(.empty):hover .e-cal-tl__day__eventdel {
351
- display: block;
354
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container.selected, .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container:hover {
355
+ background-color: var(--e-cal-timeline-table-event-hover-bg);
356
+ box-shadow: var(--e-cal-timeline-table-event-hover-shadow);
352
357
  }
353
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container.has-event .e-cal-tl-table__cell-cushion {
358
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container.has-event .e-cal-timeline-table__cell-cushion {
354
359
  padding: 0;
355
360
  }
356
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container .e-cal-tl__day__event {
361
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__event {
362
+ margin-bottom: 1px;
363
+ font-size: var(--e-cal-timeline-table-event-font-size);
364
+ }
365
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__event:hover {
366
+ cursor: pointer;
367
+ opacity: 0.8;
368
+ }
369
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventdel {
357
370
  position: absolute;
358
- width: 100%;
359
- font-size: var(--e-cal-tl-table-event-font-size);
371
+ z-index: 1;
372
+ right: -5px;
373
+ top: 0;
374
+ display: none;
375
+ color: var(--e-cal-timeline-table-delete-btn-color);
376
+ }
377
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventdel svg {
378
+ width: 10px;
379
+ fill: var(--e-cal-timeline-table-delete-btn-color);
360
380
  }
361
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container .e-cal-tl__day__eventdel {
381
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventdel svg path {
382
+ fill: var(--e-cal-timeline-table-delete-btn-color);
383
+ }
384
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventdel:hover svg {
385
+ transform: scale(1.2);
386
+ }
387
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container:not(.empty) .e-cal-timeline-table__cell-cushion-content__item:hover .e-cal-timeline__day__eventdel {
388
+ display: block;
389
+ }
390
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventadd {
362
391
  position: absolute;
363
392
  z-index: 1;
364
393
  left: 0;
365
- top: 0;
394
+ bottom: -8.5px;
366
395
  display: none;
367
- color: var(--e-cal-tl-table-delete-btn-color);
396
+ width: 20px;
397
+ color: var(--e-cal-timeline-table-add-btn-color);
398
+ text-align: left;
399
+ pointer-events: none;
400
+ }
401
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventadd > a {
402
+ pointer-events: auto;
403
+ }
404
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventadd svg {
405
+ width: 15px;
406
+ fill: var(--e-cal-timeline-table-add-btn-color);
368
407
  }
369
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container .e-cal-tl__day__eventdel svg {
370
- fill: var(--e-cal-tl-table-delete-btn-color);
408
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventadd svg path {
409
+ fill: var(--e-cal-timeline-table-add-btn-color);
371
410
  }
372
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container .e-cal-tl__day__eventdel svg path {
373
- fill: var(--e-cal-tl-table-delete-btn-color);
411
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container .e-cal-timeline__day__eventadd:hover svg {
412
+ transform: scale(1.2);
413
+ }
414
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container:hover .e-cal-timeline__day__eventadd {
415
+ display: block;
374
416
  }
375
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent__container {
417
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headercontent__container {
376
418
  text-align: center;
377
419
  }
378
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent__container.selected {
379
- background-color: var(--e-cal-tl-table-dayselected-bg);
380
- color: var(--e-cal-tl-table-dayselected-text-color);
420
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headercontent__container.selected {
421
+ background-color: var(--e-cal-timeline-table-dayselected-bg);
422
+ color: var(--e-cal-timeline-table-dayselected-text-color);
381
423
  }
382
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent__container.disabled {
424
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headercontent__container.disabled {
383
425
  opacity: 0.4;
384
426
  pointer-events: none;
385
427
  }
386
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__datagrid-body__content colgroup > col.empty,
387
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-headercontent__container.empty,
388
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion-content__container.empty {
428
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__datagrid-body__content colgroup > col.empty,
429
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-headercontent__container.empty,
430
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion-content__container.empty {
389
431
  opacity: 0.2;
390
432
  }
391
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-divider {
433
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__timeline-divider {
392
434
  padding: 0;
393
435
  margin: 0;
394
436
  border-color: transparent;
395
- background-color: var(--e-cal-tl-table-divider-bg);
396
- border-left: var(--e-cal-tl-table-divider-border);
397
- border-right: var(--e-cal-tl-table-divider-border);
437
+ background-color: var(--e-cal-timeline-table-divider-bg);
438
+ border-left: var(--e-cal-timeline-table-divider-border);
439
+ border-right: var(--e-cal-timeline-table-divider-border);
398
440
  }
399
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__timeline-divider > div {
400
- width: var(--e-cal-tl-table-divider-w);
441
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__timeline-divider > div {
442
+ width: var(--e-cal-timeline-table-divider-w);
401
443
  }
402
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__cell-cushion {
403
- padding: var(--e-cal-tl-table-cell-padding);
444
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__cell-cushion {
445
+ padding: var(--e-cal-timeline-table-cell-padding);
404
446
  }
405
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__scroller-harness {
447
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness {
406
448
  position: relative;
407
449
  width: 100%;
408
450
  overflow-x: scroll;
409
451
  overflow-y: scroll;
410
452
  }
411
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__scroller-harness.autoscroll {
453
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness.autoscroll {
412
454
  overflow-x: auto;
413
455
  overflow-y: auto;
414
456
  }
415
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__scroller-harness::-webkit-scrollbar {
416
- height: var(--e-cal-tl-table-scrollbar-h);
417
- width: var(--e-cal-tl-table-scrollbar-w);
457
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness::-webkit-scrollbar {
458
+ height: var(--e-cal-timeline-table-scrollbar-h);
459
+ width: var(--e-cal-timeline-table-scrollbar-w);
418
460
  }
419
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__scroller-harness::-webkit-scrollbar-thumb {
420
- background: var(--e-cal-tl-table-scrollbar-color);
461
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness::-webkit-scrollbar-thumb {
462
+ background: var(--e-cal-timeline-table-scrollbar-color);
421
463
  }
422
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__scroller-harness::-webkit-scrollbar-track {
423
- background: var(--e-cal-tl-table-scrollbar-track);
464
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness::-webkit-scrollbar-track {
465
+ background: var(--e-cal-timeline-table-scrollbar-track);
424
466
  }
425
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__scroller-harness--hide {
467
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness--hide {
426
468
  overflow: hidden;
427
469
  height: auto;
428
470
  }
429
- .e-cal-tl-table__timeline-table__wrapper .e-cal-tl-table__scroller-harness[data-scroll=body].dragging {
471
+ .e-cal-timeline-table__timeline-table__wrapper .e-cal-timeline-table__scroller-harness[data-scroll=body].dragging {
430
472
  cursor: grab;
431
473
  }
432
474
 
@@ -435,20 +477,20 @@
435
477
  //////////////////// Table Grid Tooltip //////////////////
436
478
  ///////////////////////////////////////////////////////////
437
479
  */
438
- .e-cal-tl-table__cell-tooltipwrapper {
439
- --e-cal-tl-table-tooltip-box-shadow: 0 5px 15px 0 rgba(0,0,0,.07), 0 15px 35px 0 rgba(50,50,93,.1);
440
- --e-cal-tl-table-tooltip-content-bg: rgba(17, 17, 17, 0.9);
441
- --e-cal-tl-table-tooltip-content-color: #fff;
442
- --e-cal-tl-table-tooltip-content-font-size: 0.75em;
443
- --e-cal-tl-table-tooltip-content-padding-x: 1em;
444
- --e-cal-tl-table-tooltip-content-padding-y: .5em;
445
- --e-cal-tl-table-tooltip-content-line-height: 1.5;
446
- --e-cal-tl-table-tooltip-arrow-bg-top: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
447
- --e-cal-tl-table-tooltip-arrow-bg-bottom: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
448
- --e-cal-tl-table-tooltip-arrow-bg-left: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
449
- --e-cal-tl-table-tooltip-arrow-bg-right: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
450
- --e-cal-tl-table-tooltip-arrow-width: 18px;
451
- --e-cal-tl-table-tooltip-arrow-height: 6px;
480
+ .e-cal-timeline-table__cell-tooltipwrapper {
481
+ --e-cal-timeline-table-tooltip-box-shadow: 0 5px 15px 0 rgba(0,0,0,.07), 0 15px 35px 0 rgba(50,50,93,.1);
482
+ --e-cal-timeline-table-tooltip-content-bg: rgba(17, 17, 17, 0.9);
483
+ --e-cal-timeline-table-tooltip-content-color: #fff;
484
+ --e-cal-timeline-table-tooltip-content-font-size: 0.75em;
485
+ --e-cal-timeline-table-tooltip-content-padding-x: 1em;
486
+ --e-cal-timeline-table-tooltip-content-padding-y: .5em;
487
+ --e-cal-timeline-table-tooltip-content-line-height: 1.5;
488
+ --e-cal-timeline-table-tooltip-arrow-bg-top: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
489
+ --e-cal-timeline-table-tooltip-arrow-bg-bottom: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
490
+ --e-cal-timeline-table-tooltip-arrow-bg-left: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
491
+ --e-cal-timeline-table-tooltip-arrow-bg-right: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
492
+ --e-cal-timeline-table-tooltip-arrow-width: 18px;
493
+ --e-cal-timeline-table-tooltip-arrow-height: 6px;
452
494
  position: absolute;
453
495
  z-index: 1055; /* --bs-modal-zindex */
454
496
  display: inline-block;
@@ -496,125 +538,125 @@
496
538
  ---------------------------
497
539
  */
498
540
  }
499
- .e-cal-tl-table__cell-tooltipwrapper::before {
541
+ .e-cal-timeline-table__cell-tooltipwrapper::before {
500
542
  background-size: 100% auto !important;
501
543
  content: "";
502
544
  position: absolute;
503
545
  }
504
- .e-cal-tl-table__cell-tooltipwrapper.active {
546
+ .e-cal-timeline-table__cell-tooltipwrapper.active {
505
547
  display: block !important;
506
548
  }
507
- .e-cal-tl-table__cell-tooltipwrapper.active::before,
508
- .e-cal-tl-table__cell-tooltipwrapper.active > .e-cal-tl-table__cell-tooltipcontent {
549
+ .e-cal-timeline-table__cell-tooltipwrapper.active::before,
550
+ .e-cal-timeline-table__cell-tooltipwrapper.active > .e-cal-timeline-table__cell-tooltipcontent {
509
551
  opacity: 1;
510
552
  }
511
- .e-cal-tl-table__cell-tooltipwrapper:focus::before,
512
- .e-cal-tl-table__cell-tooltipwrapper:focus > .e-cal-tl-table__cell-tooltipcontent {
553
+ .e-cal-timeline-table__cell-tooltipwrapper:focus::before,
554
+ .e-cal-timeline-table__cell-tooltipwrapper:focus > .e-cal-timeline-table__cell-tooltipcontent {
513
555
  opacity: 1;
514
556
  }
515
- .e-cal-tl-table__cell-tooltipwrapper::before,
516
- .e-cal-tl-table__cell-tooltipwrapper > .e-cal-tl-table__cell-tooltipcontent {
557
+ .e-cal-timeline-table__cell-tooltipwrapper::before,
558
+ .e-cal-timeline-table__cell-tooltipwrapper > .e-cal-timeline-table__cell-tooltipcontent {
517
559
  backface-visibility: hidden;
518
560
  will-change: transform;
519
561
  opacity: 0;
520
562
  box-sizing: border-box;
521
563
  z-index: 10;
522
564
  transform-origin: top;
523
- box-shadow: var(--e-cal-tl-table-tooltip-box-shadow);
565
+ box-shadow: var(--e-cal-timeline-table-tooltip-box-shadow);
524
566
  transition: 0.1s ease-in-out;
525
567
  }
526
- .e-cal-tl-table__cell-tooltipwrapper > .e-cal-tl-table__cell-tooltipcontent {
527
- background: var(--e-cal-tl-table-tooltip-content-bg);
568
+ .e-cal-timeline-table__cell-tooltipwrapper > .e-cal-timeline-table__cell-tooltipcontent {
569
+ background: var(--e-cal-timeline-table-tooltip-content-bg);
528
570
  border-radius: 4px;
529
- color: var(--e-cal-tl-table-tooltip-content-color);
571
+ color: var(--e-cal-timeline-table-tooltip-content-color);
530
572
  content: attr(aria-label);
531
- font-size: var(--e-cal-tl-table-tooltip-content-font-size);
573
+ font-size: var(--e-cal-timeline-table-tooltip-content-font-size);
532
574
  font-weight: normal;
533
575
  text-transform: none;
534
- padding: var(--e-cal-tl-table-tooltip-content-padding-y) var(--e-cal-tl-table-tooltip-content-padding-x);
576
+ padding: var(--e-cal-timeline-table-tooltip-content-padding-y) var(--e-cal-timeline-table-tooltip-content-padding-x);
535
577
  white-space: nowrap;
536
578
  box-sizing: content-box;
537
- line-height: var(--e-cal-tl-table-tooltip-content-line-height);
579
+ line-height: var(--e-cal-timeline-table-tooltip-content-line-height);
538
580
  }
539
- .e-cal-tl-table__cell-tooltipwrapper > .e-cal-tl-table__cell-tooltipcontent img {
581
+ .e-cal-timeline-table__cell-tooltipwrapper > .e-cal-timeline-table__cell-tooltipcontent img {
540
582
  height: auto !important;
541
583
  margin: 0.5rem 0;
542
584
  }
543
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position|=top]::before {
544
- background: var(--e-cal-tl-table-tooltip-arrow-bg-top);
545
- height: var(--e-cal-tl-table-tooltip-arrow-height);
546
- width: var(--e-cal-tl-table-tooltip-arrow-width);
585
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position|=top]::before {
586
+ background: var(--e-cal-timeline-table-tooltip-arrow-bg-top);
587
+ height: var(--e-cal-timeline-table-tooltip-arrow-height);
588
+ width: var(--e-cal-timeline-table-tooltip-arrow-width);
547
589
  }
548
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position|=top] > .e-cal-tl-table__cell-tooltipcontent {
549
- margin-bottom: var(--e-cal-tl-table-tooltip-arrow-height);
590
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position|=top] > .e-cal-timeline-table__cell-tooltipcontent {
591
+ margin-bottom: var(--e-cal-timeline-table-tooltip-arrow-height);
550
592
  }
551
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position|=top]::before {
552
- top: calc(100% - var(--e-cal-tl-table-tooltip-arrow-height));
553
- left: calc(var(--e-cal-tl-table-tooltip-arrow-width) / 2 * -1);
593
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position|=top]::before {
594
+ top: calc(100% - var(--e-cal-timeline-table-tooltip-arrow-height));
595
+ left: calc(var(--e-cal-timeline-table-tooltip-arrow-width) / 2 * -1);
554
596
  }
555
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position|=top] > .e-cal-tl-table__cell-tooltipcontent {
556
- bottom: calc(100% + var(--e-cal-tl-table-tooltip-arrow-height));
597
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position|=top] > .e-cal-timeline-table__cell-tooltipcontent {
598
+ bottom: calc(100% + var(--e-cal-timeline-table-tooltip-arrow-height));
557
599
  left: 50%;
558
600
  transform: translateX(-50%);
559
601
  }
560
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position=top-left] > .e-cal-tl-table__cell-tooltipcontent {
561
- bottom: calc(100% + var(--e-cal-tl-table-tooltip-arrow-height));
602
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position=top-left] > .e-cal-timeline-table__cell-tooltipcontent {
603
+ bottom: calc(100% + var(--e-cal-timeline-table-tooltip-arrow-height));
562
604
  left: 50%;
563
- transform: translateX(calc(-100% + var(--e-cal-tl-table-tooltip-arrow-width)));
605
+ transform: translateX(calc(-100% + var(--e-cal-timeline-table-tooltip-arrow-width)));
564
606
  }
565
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position=top-right] > .e-cal-tl-table__cell-tooltipcontent {
566
- bottom: calc(100% + var(--e-cal-tl-table-tooltip-arrow-height));
607
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position=top-right] > .e-cal-timeline-table__cell-tooltipcontent {
608
+ bottom: calc(100% + var(--e-cal-timeline-table-tooltip-arrow-height));
567
609
  left: 50%;
568
- transform: translateX(calc(0% - var(--e-cal-tl-table-tooltip-arrow-width)));
610
+ transform: translateX(calc(0% - var(--e-cal-timeline-table-tooltip-arrow-width)));
569
611
  }
570
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position|=bottom]::before {
571
- background: var(--e-cal-tl-table-tooltip-arrow-bg-bottom);
572
- height: var(--e-cal-tl-table-tooltip-arrow-height);
573
- width: var(--e-cal-tl-table-tooltip-arrow-width);
612
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position|=bottom]::before {
613
+ background: var(--e-cal-timeline-table-tooltip-arrow-bg-bottom);
614
+ height: var(--e-cal-timeline-table-tooltip-arrow-height);
615
+ width: var(--e-cal-timeline-table-tooltip-arrow-width);
574
616
  margin-top: 5px;
575
617
  margin-bottom: 0;
576
618
  }
577
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position|=bottom] > .e-cal-tl-table__cell-tooltipcontent {
578
- margin-top: var(--e-cal-tl-table-tooltip-arrow-height);
619
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position|=bottom] > .e-cal-timeline-table__cell-tooltipcontent {
620
+ margin-top: var(--e-cal-timeline-table-tooltip-arrow-height);
579
621
  }
580
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position|=bottom]::before {
581
- bottom: calc(100% - var(--e-cal-tl-table-tooltip-arrow-height));
582
- left: calc(var(--e-cal-tl-table-tooltip-arrow-width) / 2 * -1);
622
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position|=bottom]::before {
623
+ bottom: calc(100% - var(--e-cal-timeline-table-tooltip-arrow-height));
624
+ left: calc(var(--e-cal-timeline-table-tooltip-arrow-width) / 2 * -1);
583
625
  }
584
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position|=bottom] > .e-cal-tl-table__cell-tooltipcontent {
626
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position|=bottom] > .e-cal-timeline-table__cell-tooltipcontent {
585
627
  bottom: auto;
586
- top: calc(100% + var(--e-cal-tl-table-tooltip-arrow-height));
628
+ top: calc(100% + var(--e-cal-timeline-table-tooltip-arrow-height));
587
629
  left: 50%;
588
630
  transform: translateX(-50%);
589
631
  }
590
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position=bottom-left] > .e-cal-tl-table__cell-tooltipcontent {
632
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position=bottom-left] > .e-cal-timeline-table__cell-tooltipcontent {
591
633
  bottom: auto;
592
- top: calc(100% + var(--e-cal-tl-table-tooltip-arrow-height));
634
+ top: calc(100% + var(--e-cal-timeline-table-tooltip-arrow-height));
593
635
  left: 50%;
594
- transform: translateX(calc(-100% + var(--e-cal-tl-table-tooltip-arrow-width)));
636
+ transform: translateX(calc(-100% + var(--e-cal-timeline-table-tooltip-arrow-width)));
595
637
  }
596
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-position=bottom-right] > .e-cal-tl-table__cell-tooltipcontent {
638
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-position=bottom-right] > .e-cal-timeline-table__cell-tooltipcontent {
597
639
  bottom: auto;
598
- top: calc(100% + var(--e-cal-tl-table-tooltip-arrow-height));
640
+ top: calc(100% + var(--e-cal-timeline-table-tooltip-arrow-height));
599
641
  left: 50%;
600
- transform: translateX(calc(0% - var(--e-cal-tl-table-tooltip-arrow-width)));
642
+ transform: translateX(calc(0% - var(--e-cal-timeline-table-tooltip-arrow-width)));
601
643
  }
602
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-size=auto].e-cal-tl-table__cell-tooltipcontent {
644
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-size=auto].e-cal-timeline-table__cell-tooltipcontent {
603
645
  white-space: nowrap;
604
646
  width: auto;
605
647
  max-width: 530px;
606
648
  overflow: hidden;
607
649
  text-overflow: ellipsis;
608
650
  }
609
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-size=small].e-cal-tl-table__cell-tooltipcontent {
651
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-size=small].e-cal-timeline-table__cell-tooltipcontent {
610
652
  white-space: initial;
611
653
  width: 80px;
612
654
  }
613
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-size=medium].e-cal-tl-table__cell-tooltipcontent {
655
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-size=medium].e-cal-timeline-table__cell-tooltipcontent {
614
656
  white-space: initial;
615
657
  width: 150px;
616
658
  }
617
- .e-cal-tl-table__cell-tooltipwrapper[data-microtip-size=large].e-cal-tl-table__cell-tooltipcontent {
659
+ .e-cal-timeline-table__cell-tooltipwrapper[data-microtip-size=large].e-cal-timeline-table__cell-tooltipcontent {
618
660
  white-space: initial;
619
661
  width: 260px;
620
662
  }