@vitrosoftware/common-ui-ts 1.1.73 → 1.1.76

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 (51) hide show
  1. package/css/std/controls/action-handler/action-handler.css +2 -1
  2. package/css/std/controls/breadcrumbs/breadcrumbs.css +11 -10
  3. package/css/std/controls/command-menu/command-menu-dropdown-button.css +8 -7
  4. package/css/std/controls/command-menu/command-menu.css +0 -1
  5. package/css/std/controls/criterion/criterion.css +9 -8
  6. package/css/std/controls/date-picker/date-picker.css +1 -1
  7. package/css/std/controls/dropdown-button/dropdown-button.css +9 -7
  8. package/css/std/controls/input/input.css +1 -1
  9. package/css/std/controls/lookup-picker/lookup-picker.css +6 -2
  10. package/css/std/controls/pdf-viewer/pdf-viewer.css +12 -5
  11. package/css/std/controls/search/search.css +1 -1
  12. package/css/std/controls/sidebar/sidebar.css +2 -2
  13. package/css/std/controls/tab-group/tab-group.css +1 -14
  14. package/css/std/controls/table-view/table-view-custom-lookup-edit.css +2 -2
  15. package/css/std/controls/table-view/table-view.css +11 -0
  16. package/css/std/controls/table-view/treegrid.css +105 -37
  17. package/css/std/controls/time-picker/time-picker.css +1 -1
  18. package/css/std/controls/uploader/uploader.css +1 -1
  19. package/css/std/controls/user-profile/user-profile.css +12 -10
  20. package/dist/index.css +76 -68
  21. package/dist/index.js +110 -12
  22. package/dist/index.js.map +1 -1
  23. package/dist/src/controls/ActivityItem/ChangedValue.d.ts +6 -0
  24. package/dist/src/controls/Breadcrumbs/BreadcrumbsItem.d.ts +4 -0
  25. package/dist/src/controls/ComponentLoader/ComponentLoaderContext.d.ts +6 -0
  26. package/dist/src/controls/Criterion/Condition.d.ts +6 -0
  27. package/dist/src/controls/Criterion/Operator.d.ts +4 -0
  28. package/dist/src/controls/DropdownButton/DropdownItem.d.ts +11 -0
  29. package/dist/src/controls/LookupPicker/LookupPicker.d.ts +39 -0
  30. package/dist/src/controls/PdfViewer/PdfViewer.d.ts +6 -0
  31. package/dist/src/controls/PdfViewer/PdfViewerContext.d.ts +12 -0
  32. package/dist/src/controls/PdfViewer/Viewer.d.ts +6 -0
  33. package/dist/src/controls/Search/SearchCriterion.d.ts +7 -0
  34. package/dist/src/controls/Sidebar/SidebarItem.d.ts +10 -0
  35. package/dist/src/controls/Sidebar/SidebarSection.d.ts +7 -0
  36. package/dist/src/controls/TabGroup/TabItem.d.ts +13 -0
  37. package/dist/src/controls/TableView/TableViewCol.d.ts +3 -0
  38. package/dist/src/controls/TableView/TableViewConstants.d.ts +153 -0
  39. package/dist/src/controls/TableView/TableViewContext.d.ts +81 -0
  40. package/dist/src/controls/TableView/TableViewEventHandler.d.ts +4 -0
  41. package/dist/src/controls/TableView/TableViewRow.d.ts +3 -0
  42. package/dist/src/controls/TelerikUploader/TelerikUploaderContext.d.ts +6 -0
  43. package/dist/src/controls/TelerikUploader/TelerikUploaderSettings.d.ts +15 -0
  44. package/dist/src/controls/TopLevelMenu/TopLevelMenuItem.d.ts +7 -0
  45. package/dist/src/controls/TreeView/TreeViewContext.d.ts +32 -0
  46. package/dist/src/controls/TreeView/TreeViewEventHandler.d.ts +4 -0
  47. package/dist/src/exceptions/AbortException.d.ts +2 -0
  48. package/dist/src/services/LocaleService.d.ts +3 -0
  49. package/package.json +2 -2
  50. package/src/controls/PdfViewer/js/init-viewer-page.js +15 -7
  51. package/src/controls/PdfViewer/js/pdf-viewer.js +1 -1
package/css/std/controls/action-handler/action-handler.css CHANGED
@@ -67,7 +67,6 @@
67
67
  }
68
68
 
69
69
  .vitro-flex {
70
- align-items: center;
71
70
  display: flex;
72
71
  }
73
72
 
@@ -174,6 +173,8 @@
174
173
  color: #222D44;
175
174
  font-size: 18px;
176
175
  line-height: 150%;
176
+ margin-top: auto;
177
+ padding-bottom: 5px
177
178
  }
178
179
 
179
180
  .vitro-small {
package/css/std/controls/breadcrumbs/breadcrumbs.css CHANGED
@@ -120,17 +120,18 @@
120
120
 
121
121
  .vitro-drop-down-list::after {
122
122
  content: '';
123
- display: inline-block;
124
- height: 20px;
125
- width: 20px;
126
- background-color: #fff;
123
+ display: block;
124
+ height: 21px;
125
+ width: 32px;
126
+ overflow: hidden;
127
+ background-position: center 0;
128
+ background-size: 44px 42px;
129
+ background-repeat: no-repeat;
127
130
  position: absolute;
128
- top: -10px;
129
- left: 20px;
130
- clip-path: polygon(25% 25%, 75% 75%, 10% 90%);
131
- transform: rotate(135deg);
132
- border-radius: 20px;
133
- border: 1px solid transparent;
131
+ top: -21px;
132
+ left: 12px;
133
+ /* dropdown-arrow.svg URL-encoder for SVG */
134
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
134
135
  }
135
136
 
136
137
  .vitro-drop-down-list ul {
package/css/std/controls/command-menu/command-menu-dropdown-button.css CHANGED
@@ -48,16 +48,17 @@
48
48
  .vitro-dropdown-button-container :global(.dropdown-menu::before) {
49
49
  content: '';
50
50
  display: block;
51
- height: 11px;
52
- width: 16px;
53
- background-position: center;
54
- background-size: 100%;
51
+ height: 21px;
52
+ width: 32px;
53
+ overflow: hidden;
54
+ background-position: center 0;
55
+ background-size: 44px 42px;
55
56
  background-repeat: no-repeat;
56
57
  position: absolute;
57
- left: 24px;
58
- top: -11px;
58
+ left: 16px;
59
+ top: -21px;
59
60
  /* dropdown-arrow.svg URL-encoder for SVG */
60
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
61
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
61
62
  }
62
63
 
63
64
  .vitro-dropdown-button-container:first-child :global(.dropdown-menu) {
package/css/std/controls/command-menu/command-menu.css CHANGED
@@ -1,6 +1,5 @@
1
1
  .vitro-command-menu {
2
2
  display: flex;
3
- z-index: 800;
4
3
  padding: 0 !important;
5
4
  min-height: 32px;
6
5
  }
package/css/std/controls/criterion/criterion.css CHANGED
@@ -25,7 +25,7 @@
25
25
  .vitro-label {
26
26
  padding: 0 6px;
27
27
  background: #fff;
28
- z-index: 1000;
28
+ z-index: 1;
29
29
  position: absolute;
30
30
  left: 10px;
31
31
  top: -10px;
@@ -180,16 +180,17 @@
180
180
  .vitro-condition-list::before {
181
181
  content: '';
182
182
  display: block;
183
- height: 11px;
184
- width: 16px;
185
- background-position: center;
186
- background-size: 100%;
183
+ height: 21px;
184
+ width: 32px;
185
+ overflow: hidden;
186
+ background-position: center 0;
187
+ background-size: 44px 42px;
187
188
  background-repeat: no-repeat;
188
189
  position: absolute;
189
- left: 24px;
190
- top: -11px;
190
+ top: -21px;
191
+ left: 12px;
191
192
  /* dropdown-arrow.svg URL-encoder for SVG */
192
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
193
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
193
194
  }
194
195
 
195
196
  .vitro-condition-list li {
package/css/std/controls/date-picker/date-picker.css CHANGED
@@ -75,7 +75,7 @@
75
75
  .vitro-label {
76
76
  padding: 0 6px;
77
77
  background: #fff;
78
- z-index: 1000;
78
+ z-index: 1;
79
79
  position: absolute;
80
80
  left: 10px;
81
81
  top: -10px;
package/css/std/controls/dropdown-button/dropdown-button.css CHANGED
@@ -74,15 +74,17 @@
74
74
  .vitro-dropdown-button :global(.dropdown-menu)::before {
75
75
  content: '';
76
76
  display: block;
77
- height: 11px;
78
- width: 16px;
79
- background-position: center;
80
- background-size: 100%;
77
+ height: 21px;
78
+ width: 32px;
79
+ overflow: hidden;
80
+ background-position: center 0;
81
+ background-size: 44px 42px;
81
82
  background-repeat: no-repeat;
82
83
  position: absolute;
83
- right: 8px;
84
- top: -11px;
85
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
84
+ right: 0px;
85
+ top: -21px;
86
+ /* dropdown-arrow.svg URL-encoder for SVG */
87
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
86
88
  }
87
89
 
88
90
  .vitro-dropdown-button :global(.dropdown-item) .vitro-icon {
package/css/std/controls/input/input.css CHANGED
@@ -93,7 +93,7 @@
93
93
  .vitro-label {
94
94
  padding: 0 6px;
95
95
  background: #fff;
96
- z-index: 1000;
96
+ z-index: 1;
97
97
  position: absolute;
98
98
  left: 10px;
99
99
  top: -10px;
package/css/std/controls/lookup-picker/lookup-picker.css CHANGED
@@ -54,7 +54,7 @@
54
54
  .vitro-label {
55
55
  padding: 0 6px;
56
56
  background: #fff;
57
- z-index: 1000;
57
+ z-index: 1;
58
58
  position: absolute;
59
59
  left: 10px;
60
60
  top: -10px;
@@ -127,12 +127,16 @@
127
127
  cursor: pointer;
128
128
  width: 24px;
129
129
  height: 24px;
130
- margin-left: 4px;
131
130
  background-size: 100%;
132
131
  background-position: center;
133
132
  background-repeat: no-repeat;
134
133
  }
135
134
 
135
+ .vitro-button-collapse-up,
136
+ .vitro-button-collapse-bottom {
137
+ margin-left: 4px;
138
+ }
139
+
136
140
  .vitro-button-close {
137
141
  /* close-red.svg URL-encoder for SVG */
138
142
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='iconoir:cancel'%3E%3Cpath id='Vector' d='M6.75781 17.2438L12.0008 12.0008L17.2438 17.2438M17.2438 6.75781L11.9998 12.0008L6.75781 6.75781' stroke='%23D13438' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
package/css/std/controls/pdf-viewer/pdf-viewer.css CHANGED
@@ -215,13 +215,20 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
215
215
 
216
216
  [dir="ltr"] .doorHangerRight:after {
217
217
  content: '';
218
+ display: block;
218
219
  border: none;
219
- height: 11px;
220
- width: 16px;
220
+ height: 21px;
221
+ width: 32px;
222
+ overflow: hidden;
221
223
  margin: 0;
222
- display: block;
223
- background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 16 11%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z%27 fill=%27white%27/%3E%3C/svg%3E%0A");
224
- background-size: 100%;
224
+ background-position: center 0;
225
+ background-size: 44px 42px;
226
+ background-repeat: no-repeat;
227
+ position: absolute;
228
+ top: -21px;
229
+ right: 0;
230
+ /* dropdown-arrow.svg URL-encoder for SVG */
231
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
225
232
  }
226
233
 
227
234
  [dir="ltr"] .doorHangerRight:before {
package/css/std/controls/search/search.css CHANGED
@@ -16,7 +16,7 @@
16
16
  position: absolute;
17
17
  top: 36px;
18
18
  right: 0;
19
- z-index: 10000001;
19
+ z-index: 2;
20
20
  padding: 24px 0 16px 12px;
21
21
  display: flex;
22
22
  flex-direction: column;
package/css/std/controls/sidebar/sidebar.css CHANGED
@@ -9,7 +9,7 @@
9
9
  align-items: center;
10
10
  flex-direction: column;
11
11
  padding-top: 80px !important;
12
- padding: 0 8px;
12
+ padding: 0 8px 6px 8px;
13
13
  top: 0;
14
14
  }
15
15
 
@@ -54,7 +54,7 @@
54
54
 
55
55
  :global(.vitro-bottom-menu) {
56
56
  width: 100%;
57
- z-index: 10000;
57
+ z-index: 1;
58
58
  flex-direction: row;
59
59
  height: 60px;
60
60
  padding: 0 21px !important;
package/css/std/controls/tab-group/tab-group.css CHANGED
@@ -43,20 +43,7 @@
43
43
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.18), 0px 0px 4px 0px rgba(0, 0, 0, 0.14);
44
44
  }
45
45
 
46
- .vitro-tab :global(.dropdown-menu::before) {
47
- content: '';
48
- display: block;
49
- height: 11px;
50
- width: 16px;
51
- background-position: center;
52
- background-size: 100%;
53
- background-repeat: no-repeat;
54
- position: absolute;
55
- right: 8px;
56
- top: -11px;
57
- /* dropdown-arrow.svg URL-encoder for SVG */
58
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
59
- }
46
+
60
47
 
61
48
  .vitro-tab :global(.nav) :global(.dropdown-item) {
62
49
  padding: 8px 12px;
package/css/std/controls/table-view/table-view-custom-lookup-edit.css CHANGED
@@ -1,4 +1,4 @@
1
1
  .table-view-custom-lookup-edit {
2
2
  position: absolute;
3
3
  z-index: 10000;
4
- background: #fff;
5
4
  position: absolute;
6
5
  left: 0;
7
6
  top: 0;
8
7
  z-index: 1000000;
9
8
  line-height: 23px;
10
9
  width: 85%;
11
10
  display: none;
12
11
  height: 32px;
13
12
  padding: 0;
14
13
  margin: 0px !important;
14
+ background: #fff;
15
15
  display: none;
16
16
  height: 32px;
17
17
  padding: 0;
18
18
  margin: 0px !important;
19
19
 
20
- .table-view-custom-lookup-edit > div > div:first-child {
21
20
  min-height: initial;
22
21
  height: 32px;
23
22
  border: 0;
24
23
  border-radius: 0;
25
24
  padding: 3px 22px 3px 3px;
26
25
  top: 4px !important;
27
26
  display: none;
27
+ .table-view-custom-lookup-edit > div > div:first-child {
28
28
  min-height: initial;
29
29
  height: 32px;
30
30
  border: 0;
31
31
  border-radius: 0;
32
32
  padding: 3px 22px 3px 3px;
33
33
  width: auto;
34
34
  min-width: 100%;
35
35
  top: 4px !important;
36
36
  right: 0;
37
37
  display: none;
package/css/std/controls/table-view/table-view.css CHANGED
@@ -50,4 +50,15 @@
50
50
  font-family: 'InterMedium';
51
51
  border-top: 1px solid #E4E6EC !important;
52
52
  color: #4A556C !important;
53
+ }
54
+
55
+ :global(.vitro-table-view-button-context) {
56
+ height: 24px;
57
+ width: 24px;
58
+ margin-left: -2px;
59
+ display: none;
60
+ }
61
+
62
+ :global(.TWClassSelected .vitro-table-view-button-context) {
63
+ display: inline-block;
53
64
  }
package/css/std/controls/table-view/treegrid.css CHANGED
@@ -135,8 +135,13 @@
135
135
  }
136
136
 
137
137
  .TWCursorBackground {
138
- background: #0085FF !important;
139
- opacity: 0.136 !important;
138
+ background: #006AFF;
139
+ opacity: 0.047;
140
+ }
141
+
142
+ .TWClassHoveredCell,
143
+ .TWClassHoveredCellReadOnly {
144
+ background-color: #F3F8FF;
140
145
  }
141
146
 
142
147
  .TWClassSelected td {
@@ -165,16 +170,24 @@
165
170
  .TWFilterMenuMain::before {
166
171
  content: '';
167
172
  display: block;
168
- height: 11px;
169
- width: 16px;
170
- background-position: center;
171
- background-size: 100%;
173
+ height: 21px;
174
+ width: 32px;
175
+ overflow: hidden;
176
+ background-position: center 0;
177
+ background-size: 44px 42px;
172
178
  background-repeat: no-repeat;
173
179
  position: absolute;
174
- left: 24px;
175
- top: -11px;
180
+ top: -21px;
176
181
  /* dropdown-arrow.svg URL-encoder for SVG */
177
- background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.31554 1.65838L0.382812 11H15.6249L9.69214 1.65838C8.90651 0.421336 7.10117 0.421335 6.31554 1.65838Z' fill='white'/%3E%3C/svg%3E%0A");
182
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 44 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_dd_778_105705)'%3E%3Cpath d='M20.3117 11.6584C21.0973 10.4213 22.9027 10.4213 23.6883 11.6584L29.5752 20.9278C30.4208 22.2593 29.4642 24 27.8869 24H16.1131C14.5358 24 13.5792 22.2593 14.4248 20.9278L20.3117 11.6584Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_dd_778_105705' x='0.109375' y='0.730469' width='43.7812' height='41.2695' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='4'/%3E%3CfeGaussianBlur stdDeviation='7'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.18 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_778_105705'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.14 0'/%3E%3CfeBlend mode='normal' in2='effect1_dropShadow_778_105705' result='effect2_dropShadow_778_105705'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect2_dropShadow_778_105705' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
183
+ }
184
+
185
+ .TWCellMenuMain::before {
186
+ left: 12px;
187
+ }
188
+
189
+ .TWFilterMenuMain::before {
190
+ left: 16px;
178
191
  }
179
192
 
180
193
  .TWCellMenuMain .TWMenuOuter,
@@ -183,7 +196,7 @@
183
196
  margin: 0;
184
197
  border-radius: 4px !important;
185
198
  border: none !important;
186
- min-width: 241px !important;
199
+ width: 241px !important;
187
200
  }
188
201
 
189
202
  .TWCellMenuMain .TWMenuBody,
@@ -280,6 +293,7 @@
280
293
  }
281
294
 
282
295
  .TWSort4Left, .TWSort4Right,
296
+ .TWSort5Left, .TWSort5Right,
283
297
  .TWSort6Left, .TWSort6Right {
284
298
  background-repeat: no-repeat !important;
285
299
  height: 24px !important;
@@ -303,13 +317,18 @@
303
317
  .TWPanelSelect {
304
318
  width: 16px;
305
319
  height: 16px;
306
- margin-top: 2px;
320
+ margin-top: 3px;
307
321
  background-size: 24px;
308
322
  /* checkbox-empty.svg URL-encoder for SVG */
309
323
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4.5' y='4.5' width='15' height='15' rx='1.5' stroke='%23C0CAD5'/%3E%3C/svg%3E%0A");
310
324
  }
311
325
 
312
- .TWNE, .TWNER {
326
+ .TWPanelSelectOn {
327
+ margin-top: 3px;
328
+ }
329
+
330
+ .TWNE, .TWNER,
331
+ .TWND4, .TWND4R {
313
332
  /* tree-closed.svg URL-encoder for SVG */
314
333
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 7L14.5 12L9.5 17' stroke='%238E98A3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
315
334
  }
@@ -320,7 +339,8 @@
320
339
  }
321
340
 
322
341
  .TWNC, .TWNCR,
323
- .TWNE, .TWNER {
342
+ .TWNE, .TWNER,
343
+ .TWND4, .TWND4R {
324
344
  background-size: 100%;
325
345
  background-position: right !important;
326
346
  }
@@ -455,63 +475,83 @@
455
475
  }
456
476
 
457
477
  .TWFilter12Left, .TWFilter12Right, .TWFilter12Menu {
458
- /*ico-tableview-contains-not.svg URL-encoder for SVG*/
459
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cg fill='%23ff5b2d'%3E%3Cpolygon points='12,24 12,40 24,32'/%3E%3Cpolygon points='52,40 52,24 40,32'/%3E%3Cpolygon points='28,33.3 36,28 36,20 40,20 40,12 24,12 24,20 28,20'/%3E%3Cpolygon points='36,32 28,37.3 28,44 24,44 24,52 40,52 40,44 36,44'/%3E%3Cpolygon fill='%23ff5b2d' points='48,20 48,16 12,40 12,44'/%3E%3C/g%3E%3C/svg%3E") !important;
478
+ /* not-contain.svg URL-encoder for SVG*/
479
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M7.7 10.3268C7.83333 10.4038 7.83333 10.5962 7.7 10.6732L5.3 12.0588C5.16667 12.1358 5 12.0396 5 11.8856L5 9.11436C5 8.9604 5.16667 8.86417 5.3 8.94115L7.7 10.3268Z' fill='%234A556C'/%3E%3Cpath d='M12.3 10.3268C12.1667 10.4038 12.1667 10.5962 12.3 10.6732L14.7 12.0588C14.8333 12.1358 15 12.0396 15 11.8856L15 9.11436C15 8.9604 14.8333 8.86417 14.7 8.94115L12.3 10.3268Z' fill='%234A556C'/%3E%3Crect x='3.63664' y='15.9531' width='16' height='2' rx='1' transform='rotate(-45 3.63664 15.9531)' fill='%234A556C' stroke='white'/%3E%3C/svg%3E%0A");
460
480
  }
461
481
 
462
482
  .TWFilter11Left, .TWFilter11Right, .TWFilter11Menu {
463
- /*ico-tableview-contains.svg URL-encoder for SVG*/
464
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cg fill='%23ff5b2d'%3E%3Cpolygon points='40,20 40,12 24,12 24,20 28,20 28,44 24,44 24,52 40,52 40,44 36,44 36,20'/%3E%3Cpolygon points='12,24 12,40 24,32'/%3E%3Cpolygon points='52,40 52,24 40,32'/%3E%3C/g%3E%3C/svg%3E") !important;
483
+ /* contain.svg URL-encoder for SVG*/
484
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M7.7 10.3268C7.83333 10.4038 7.83333 10.5962 7.7 10.6732L5.3 12.0588C5.16667 12.1358 5 12.0396 5 11.8856L5 9.11436C5 8.9604 5.16667 8.86417 5.3 8.94115L7.7 10.3268Z' fill='%234A556C'/%3E%3Cpath d='M12.3 10.3268C12.1667 10.4038 12.1667 10.5962 12.3 10.6732L14.7 12.0588C14.8333 12.1358 15 12.0396 15 11.8856L15 9.11436C15 8.9604 14.8333 8.86417 14.7 8.94115L12.3 10.3268Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
465
485
  }
466
486
 
467
487
  .TWFilter10Left, .TWFilter10Right, .TWFilter10Menu {
468
- /*ico-tableview-end-with-not.svg URL-encoder for SVG*/
469
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cg fill='%23ff5b2d'%3E%3Cpolygon points='12,24 12,40 24,32'/%3E%3Cpolygon points='28,33.3 36,28 36,20 40,20 40,12 24,12 24,20 28,20'/%3E%3Cpolygon points='36,32 28,37.3 28,44 24,44 24,52 40,52 40,44 36,44'/%3E%3Cpolygon fill='%23ff5b2d' points='48,20 48,16 12,40 12,44'/%3E%3C/g%3E%3C/svg%3E") !important;
488
+ /* not-end-with.svg URL-encoder for SVG */
489
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M7.7 10.3268C7.83333 10.4038 7.83333 10.5962 7.7 10.6732L5.3 12.0588C5.16667 12.1358 5 12.0396 5 11.8856L5 9.11436C5 8.9604 5.16667 8.86417 5.3 8.94115L7.7 10.3268Z' fill='%234A556C'/%3E%3Crect x='3.63664' y='15.4531' width='16' height='2' rx='1' transform='rotate(-45 3.63664 15.4531)' fill='%234A556C' stroke='white'/%3E%3C/svg%3E%0A");
470
490
  }
471
491
 
472
492
  .TWFilter9Left, .TWFilter9Right, .TWFilter9Menu {
473
- /*ico-tableview-end-with.svg URL-encoder for SVG*/
474
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cpolygon fill='%23ff5b2d' points='44,20 44,12 28,12 28,20 32,20 32,44 28,44 28,52 44,52 44,44 40,44 40,20'/%3E%3Cpolygon fill='%23ff5b2d' points='16,24 16,40 28,32'/%3E%3C/svg%3E") !important;
493
+ /* end-with.svg URL-encoder for SVG */
494
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M7.7 10.3268C7.83333 10.4038 7.83333 10.5962 7.7 10.6732L5.3 12.0588C5.16667 12.1358 5 12.0396 5 11.8856L5 9.11436C5 8.9604 5.16667 8.86417 5.3 8.94115L7.7 10.3268Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
475
495
  }
476
496
 
477
497
  .TWFilter8Left, .TWFilter8Right, .TWFilter8Menu {
478
- /*ico-tableview-start-with-not.svg URL-encoder for SVG*/
479
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cg fill='%23ff5b2d'%3E%3Cpolygon points='24,36 32,30.7 32,20 36,20 36,12 20,12 20,20 24,20'/%3E%3Cpolygon points='32,34.7 24,40 24,44 20,44 20,52 36,52 36,44 32,44'/%3E%3Cpolygon points='36,32 36,40 48,32 42,28'/%3E%3Cpolygon fill='%23ff5b2d' points='48,20 48,16 12,40 12,44'/%3E%3C/g%3E%3C/svg%3E") !important;
498
+ /* not-begin-with.svg URL-encoder for SVG */
499
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M15.7 10.3268C15.8333 10.4038 15.8333 10.5962 15.7 10.6732L13.3 12.0588C13.1667 12.1358 13 12.0396 13 11.8856L13 9.11436C13 8.9604 13.1667 8.86417 13.3 8.94115L15.7 10.3268Z' fill='%234A556C'/%3E%3Crect x='3.63664' y='15.4531' width='16' height='2' rx='1' transform='rotate(-45 3.63664 15.4531)' fill='%234A556C' stroke='white'/%3E%3C/svg%3E%0A");
480
500
  }
481
501
 
482
502
  .TWFilter7Left, .TWFilter7Right, .TWFilter7Menu {
483
- /*ico-tableview-start-with.svg URL-encoder for SVG*/
484
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cpolygon fill='%23ff5b2d' points='36,20 36,12 20,12 20,20 24,20 24,44 20,44 20,52 36,52 36,44 32,44 32,20'/%3E%3Cpolygon fill='%23ff5b2d' points='36,24 36,40 48,32'/%3E%3C/svg%3E") !important;
503
+ /* begin-with.svg URL-encoder for SVG */
504
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 16.5L10 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 4.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M12 16.5H8' stroke='%234A556C' stroke-linecap='round'/%3E%3Cpath d='M15.7 10.3268C15.8333 10.4038 15.8333 10.5962 15.7 10.6732L13.3 12.0588C13.1667 12.1358 13 12.0396 13 11.8856L13 9.11436C13 8.9604 13.1667 8.86417 13.3 8.94115L15.7 10.3268Z' fill='%234A556C'/%3E%3C/svg%3E%0A");
485
505
  }
486
506
 
487
507
  .TWFilter6Left, .TWFilter6Right, .TWFilter6Menu {
488
- /*ico-tableview-more-equal.svg URL-encoder for SVG*/
489
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cpolygon fill='%23ff5b2d' points='16,12 48,24 48,32 16,44 16,36 37.3,28 16,20'/%3E%3Crect fill='%23ff5b2d' x='16' y='44' width='32' height='8'/%3E%3C/svg%3E") !important;
508
+ /* more-equal.svg URL-encoder for SVG */
509
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14.5L16 9.49833L4 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 17.5L4 17.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
490
510
  }
491
511
 
492
512
  .TWFilter5Left, .TWFilter5Right, .TWFilter5Menu {
493
- /*ico-tableview-more.svg URL-encoder for SVG*/
494
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cpolygon fill='%23ff5b2d' points='16,12 48,28 48,36 16,52 16,44 40,32 16,20'/%3E%3C/svg%3E") !important;
513
+ /* more.svg URL-encoder for SVG */
514
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 15.5L16 10.4983L4 5.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
495
515
  }
496
516
 
497
517
  .TWFilter4Left, .TWFilter4Right, .TWFilter4Menu {
498
- /*ico-tableview-less-equal.svg URL-encoder for SVG*/
499
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cpolygon fill='%23ff5b2d' points='48,12 16,24 16,32 48,44 48,36 26.7,28 48,20'/%3E%3Crect fill='%23ff5b2d' x='16' y='44' width='32' height='8'/%3E%3C/svg%3E") !important;
518
+ /* less-equal.svg URL-encoder for SVG */
519
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 14.5L4 9.49833L16 4.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 17.5L16 17.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
500
520
  }
501
521
 
502
522
  .TWFilter3Left, .TWFilter3Right, .TWFilter3Menu {
503
- /*ico-tableview-less.svg URL-encoder for SVG*/
504
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cpolygon fill='%23ff5b2d' points='48,12 16,28 16,36 48,52 48,44 24,32 48,20'/%3E%3C/svg%3E") !important;
523
+ /* less.svg URL-encoder for SVG */
524
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 15.5L4 10.4983L16 5.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
505
525
  }
506
526
 
507
527
  .TWFilter2Left, .TWFilter2Right, .TWFilter2Menu {
508
- /*ico-tableview-not-equal.svg URL-encoder for SVG*/
509
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Cg fill='%23ff5b2d'%3E%3Crect x='12' y='20' width='40' height='8'/%3E%3Crect x='12' y='36' width='40' height='8'/%3E%3C/g%3E%3Cpolygon fill='%23ff5b2d' points='48,12 24,52 16,52 40,12'/%3E%3C/svg%3E") !important;
528
+ /* not-equal.svg URL-encoder for SVG */
529
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8.5H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 13.5L16 13.5' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 17L13.5 4' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
510
530
  }
511
531
 
512
532
  .TWFilter1Left, .TWFilter1Right, .TWFilter1Menu {
513
- /*ico-tableview-equal.svg URL-encoder for SVG*/
514
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='none' viewBox='0 0 64 64'%3E%3Crect fill='%23ff5b2d' x='12' y='20' width='40' height='8'/%3E%3Crect fill='%23ff5b2d' x='12' y='36' width='40' height='8'/%3E%3C/svg%3E") !important;
533
+ /* equal.svg URL-encoder for SVG */
534
+ background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 13H16' stroke='%234A556C' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") !important;
535
+ }
536
+
537
+
538
+ .TWMenuItem .TWFilter0Menu,
539
+ .TWMenuItem .TWFilter1Menu,
540
+ .TWMenuItem .TWFilter2Menu,
541
+ .TWMenuItem .TWFilter3Menu,
542
+ .TWMenuItem .TWFilter4Menu,
543
+ .TWMenuItem .TWFilter5Menu,
544
+ .TWMenuItem .TWFilter6Menu,
545
+ .TWMenuItem .TWFilter7Menu,
546
+ .TWMenuItem .TWFilter8Menu,
547
+ .TWMenuItem .TWFilter9Menu,
548
+ .TWMenuItem .TWFilter10Menu,
549
+ .TWMenuItem .TWFilter11Menu,
550
+ .TWMenuItem .TWFilter12Menu {
551
+ width: 20px;
552
+ height: 20px;
553
+ background-repeat: no-repeat;
554
+ background-position: center;
515
555
  }
516
556
 
517
557
  .TWNoDataRow {
@@ -824,6 +864,34 @@
824
864
  opacity: 0.2;
825
865
  }
826
866
 
867
+ .TWDefaultsRight.TWClassReadOnly {
868
+ background-image: none;
869
+ }
870
+
871
+ .TWClassHoveredCellHeader,
872
+ .TWCellFilter.TWClassHoveredCell {
873
+ background-color: #DCEEFF;
874
+ }
875
+
876
+ .TWClassHoveredCell,
877
+ .TWClassHoveredCellReadOnly,
878
+ .TWClassHoveredCellPanel {
879
+ background-color: #F3F8FF;
880
+ }
881
+
882
+ .TWCell.TWRightHtml {
883
+ padding: 0px !important;
884
+ pointer-events: none;
885
+ }
886
+
887
+ .TWCell.TWRightHtml {
888
+ pointer-events: none;
889
+ }
890
+
891
+ .TWClassSelected .TWCell.TWRightHtml {
892
+ pointer-events: all;
893
+ }
894
+
827
895
  .TWFilterMenuHeader {
828
896
  padding: 0 !important;
829
897
  margin: 0 0 0 8px !important;
package/css/std/controls/time-picker/time-picker.css CHANGED
@@ -83,7 +83,7 @@
83
83
  .vitro-label {
84
84
  padding: 0 6px;
85
85
  background: #fff;
86
- z-index: 1000;
86
+ z-index: 1;
87
87
  position: absolute;
88
88
  left: 10px;
89
89
  top: -10px;
package/css/std/controls/uploader/uploader.css CHANGED
@@ -4,7 +4,7 @@
4
4
  position: absolute;
5
5
  width: 241px;
6
6
  height: 96px;
7
- z-index: 1000;
7
+ z-index: 1;
8
8
  }
9
9
 
10
10
  .vitro-uploader:global(.vitro-dropzone-active) {