@vitrosoftware/common-ui-ts 1.1.70 → 1.1.72

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 (115) hide show
  1. package/css/common.css +8 -0
  2. package/css/std/controls/action-handler/action-handler.css +2 -2
  3. package/css/std/controls/avatar/avatar.css +1 -1
  4. package/css/std/controls/breadcrumbs/breadcrumbs.css +19 -3
  5. package/css/std/controls/date-picker/date-picker.css +12 -0
  6. package/css/std/controls/dialog/dialog-content.css +1 -1
  7. package/css/std/controls/dialog/dialog.css +1 -1
  8. package/css/std/controls/login/login.css +4 -16
  9. package/css/std/controls/pdf-viewer/compare.css +87 -31
  10. package/css/std/controls/pdf-viewer/custom.css +145 -9
  11. package/css/std/controls/pdf-viewer/img/annotation-check.svg +11 -0
  12. package/css/std/controls/pdf-viewer/img/annotation-comment.svg +16 -0
  13. package/css/std/controls/pdf-viewer/img/annotation-help.svg +26 -0
  14. package/css/std/controls/pdf-viewer/img/annotation-insert.svg +10 -0
  15. package/css/std/controls/pdf-viewer/img/annotation-key.svg +11 -0
  16. package/css/std/controls/pdf-viewer/img/annotation-newparagraph.svg +11 -0
  17. package/css/std/controls/pdf-viewer/img/annotation-noicon.svg +7 -0
  18. package/css/std/controls/pdf-viewer/img/annotation-note.svg +42 -0
  19. package/css/std/controls/pdf-viewer/img/annotation-paperclip.svg +6 -0
  20. package/css/std/controls/pdf-viewer/img/annotation-paragraph.svg +16 -0
  21. package/css/std/controls/pdf-viewer/img/annotation-pushpin.svg +7 -0
  22. package/css/std/controls/pdf-viewer/img/cursor-editorFreeText.svg +3 -0
  23. package/css/std/controls/pdf-viewer/img/cursor-editorInk.svg +4 -0
  24. package/css/std/controls/pdf-viewer/img/draw-annotation-arrow.png +0 -0
  25. package/css/std/controls/pdf-viewer/img/draw-annotation-cloud.png +0 -0
  26. package/css/std/controls/pdf-viewer/img/draw-annotation-ellipse.png +0 -0
  27. package/css/std/controls/pdf-viewer/img/draw-annotation-line.png +0 -0
  28. package/css/std/controls/pdf-viewer/img/draw-annotation-polygon.png +0 -0
  29. package/css/std/controls/pdf-viewer/img/draw-annotation-rect.png +0 -0
  30. package/css/std/controls/pdf-viewer/img/draw-annotation-toolbar-arrow.png +0 -0
  31. package/css/std/controls/pdf-viewer/img/draw-annotation-toolbar-cloud.png +0 -0
  32. package/css/std/controls/pdf-viewer/img/draw-annotation-toolbar-ellipse.png +0 -0
  33. package/css/std/controls/pdf-viewer/img/draw-annotation-toolbar-line.png +0 -0
  34. package/css/std/controls/pdf-viewer/img/draw-annotation-toolbar-polygon.png +0 -0
  35. package/css/std/controls/pdf-viewer/img/draw-annotation-toolbar-rect.png +0 -0
  36. package/css/std/controls/pdf-viewer/img/draw-annotation-toolbar.png +0 -0
  37. package/css/std/controls/pdf-viewer/img/dropdown-arrow.png +0 -0
  38. package/css/std/controls/pdf-viewer/img/findbarButton-next.svg +3 -0
  39. package/css/std/controls/pdf-viewer/img/findbarButton-previous.svg +3 -0
  40. package/css/std/controls/pdf-viewer/img/gv-toolbarButton-download.svg +3 -0
  41. package/css/std/controls/pdf-viewer/img/gv-toolbarButton-openinapp.svg +11 -0
  42. package/css/std/controls/pdf-viewer/img/loading-dark.svg +24 -0
  43. package/css/std/controls/pdf-viewer/img/loading-icon.gif +0 -0
  44. package/css/std/controls/pdf-viewer/img/loading.svg +1 -0
  45. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-documentProperties.svg +3 -0
  46. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-firstPage.svg +3 -0
  47. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-handTool.svg +3 -0
  48. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-lastPage.svg +3 -0
  49. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-rotateCcw.svg +3 -0
  50. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-rotateCw.svg +3 -0
  51. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-scrollHorizontal.svg +3 -0
  52. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-scrollPage.svg +3 -0
  53. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-scrollVertical.svg +3 -0
  54. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-scrollWrapped.svg +3 -0
  55. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-selectTool.svg +3 -0
  56. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-spreadEven.svg +3 -0
  57. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-spreadNone.svg +3 -0
  58. package/css/std/controls/pdf-viewer/img/secondaryToolbarButton-spreadOdd.svg +3 -0
  59. package/css/std/controls/pdf-viewer/img/shadow.png +0 -0
  60. package/css/std/controls/pdf-viewer/img/spinner.gif +0 -0
  61. package/css/std/controls/pdf-viewer/img/toolbarButton-bookmark.svg +3 -0
  62. package/css/std/controls/pdf-viewer/img/toolbarButton-currentOutlineItem.svg +3 -0
  63. package/css/std/controls/pdf-viewer/img/toolbarButton-download.svg +4 -0
  64. package/css/std/controls/pdf-viewer/img/toolbarButton-editorFreeText.svg +3 -0
  65. package/css/std/controls/pdf-viewer/img/toolbarButton-editorInk.svg +4 -0
  66. package/css/std/controls/pdf-viewer/img/toolbarButton-editorStamp.svg +8 -0
  67. package/css/std/controls/pdf-viewer/img/toolbarButton-menuArrow.svg +3 -0
  68. package/css/std/controls/pdf-viewer/img/toolbarButton-openFile.svg +3 -0
  69. package/css/std/controls/pdf-viewer/img/toolbarButton-pageDown.svg +3 -0
  70. package/css/std/controls/pdf-viewer/img/toolbarButton-pageUp.svg +3 -0
  71. package/css/std/controls/pdf-viewer/img/toolbarButton-presentationMode.svg +3 -0
  72. package/css/std/controls/pdf-viewer/img/toolbarButton-print.svg +3 -0
  73. package/css/std/controls/pdf-viewer/img/toolbarButton-search.svg +3 -0
  74. package/css/std/controls/pdf-viewer/img/toolbarButton-secondaryToolbarToggle.svg +3 -0
  75. package/css/std/controls/pdf-viewer/img/toolbarButton-sidebarToggle.svg +3 -0
  76. package/css/std/controls/pdf-viewer/img/toolbarButton-viewAttachments.svg +3 -0
  77. package/css/std/controls/pdf-viewer/img/toolbarButton-viewLayers.svg +3 -0
  78. package/css/std/controls/pdf-viewer/img/toolbarButton-viewOutline.svg +3 -0
  79. package/css/std/controls/pdf-viewer/img/toolbarButton-viewThumbnail.svg +3 -0
  80. package/css/std/controls/pdf-viewer/img/toolbarButton-zoomIn.svg +3 -0
  81. package/css/std/controls/pdf-viewer/img/toolbarButton-zoomOut.svg +3 -0
  82. package/css/std/controls/pdf-viewer/img/treeitem-collapsed.svg +1 -0
  83. package/css/std/controls/pdf-viewer/img/treeitem-expanded.svg +1 -0
  84. package/css/std/controls/pdf-viewer/pdf-viewer.css +29 -6
  85. package/css/std/controls/pdf-viewer/print.css +11 -0
  86. package/css/std/controls/pdf-viewer/sketchpad.css +8 -0
  87. package/css/std/controls/pdf-viewer/viewer-theme.css +1 -1
  88. package/css/std/controls/pdf-viewer/viewer.css +690 -970
  89. package/css/std/controls/pdf-viewer/zoom.css +4 -0
  90. package/css/std/controls/route-item/route-item.css +112 -0
  91. package/css/std/controls/splitter/splitter.css +71 -0
  92. package/css/std/controls/table-view/treegrid.css +153 -3
  93. package/css/std/controls/time-picker/time-picker.css +42 -30
  94. package/css/std/controls/uploader/uploader.css +1 -1
  95. package/css/white/controls/splitter/splitter.css +106 -0
  96. package/dist/constants/Placement.d.ts +7 -0
  97. package/dist/constants/Unit.d.ts +3 -0
  98. package/dist/controls/DatePicker/DatePicker.d.ts +1 -0
  99. package/dist/controls/FieldIterator/FieldIterator.d.ts +1 -0
  100. package/dist/controls/LookupPicker/LookupPicker.d.ts +1 -0
  101. package/dist/controls/LookupPicker/ValueList.d.ts +4 -1
  102. package/dist/controls/RouteItem/RouteItem.d.ts +17 -0
  103. package/dist/controls/Splitter/Splitter.d.ts +18 -0
  104. package/dist/controls/Splitter/SplitterConstants.d.ts +9 -0
  105. package/dist/controls/TableView/TableViewConstants.d.ts +4 -2
  106. package/dist/controls/TimePicker/TimePicker.d.ts +1 -0
  107. package/dist/controls/UserLookupPicker/UserLookupPicker.d.ts +1 -0
  108. package/dist/index.css +279 -55
  109. package/dist/index.d.ts +5 -0
  110. package/dist/index.js +1043 -655
  111. package/dist/index.js.map +1 -1
  112. package/lib/pdf-js/pdf.js +8890 -7075
  113. package/lib/third-party.js +8888 -7073
  114. package/package.json +4 -3
  115. package/src/controls/PdfViewer/js/pdf-viewer.js +7121 -5877
package/dist/index.css CHANGED
@@ -13,6 +13,14 @@ html, body {
13
13
  overscroll-behavior-x: none;
14
14
  }
15
15
 
16
+ #root {
17
+ position: absolute;
18
+ top: 0;
19
+ bottom: 0;
20
+ left: 0;
21
+ right: 0;
22
+ }
23
+
16
24
  .vitro-opacity-low {
17
25
  opacity: .3;
18
26
  }
@@ -72,13 +80,20 @@ html, body {
72
80
  ._breadcrumbs_vitro-breadcrumbs_3r4NcQY li > div {
73
81
  display: inline-flex;
74
82
  align-items: center;
83
+ white-space: nowrap;
84
+ overflow: hidden;
75
85
  }
76
86
 
77
87
  ._breadcrumbs_vitro-breadcrumbs_3r4NcQY li > div:first-child {
78
88
  cursor: pointer;
79
89
  }
80
90
 
81
- ._breadcrumbs_vitro-breadcrumbs-list-wrap_1_JBrw0 {
91
+ ._breadcrumbs_vitro-breadcrumbs_3r4NcQY li > div > span {
92
+ overflow: hidden;
93
+ text-overflow: ellipsis;
94
+ }
95
+
96
+ ._breadcrumbs_vitro-breadcrumbs-list-container_OVqyIE3 {
82
97
  display: flex;
83
98
  position: relative;
84
99
  justify-content: space-between;
@@ -92,6 +107,9 @@ html, body {
92
107
  margin: 0;
93
108
  padding: 0;
94
109
  display: flex;
110
+ overflow: hidden;
111
+ max-width: 80%;
112
+ flex: 1 1;
95
113
  }
96
114
 
97
115
  ._breadcrumbs_vitro-breadcrumbs-list_1SNtgtJ > li {
@@ -100,6 +118,7 @@ html, body {
100
118
  line-height: 16px;
101
119
  display: flex;
102
120
  align-items: center;
121
+ overflow: hidden;
103
122
  }
104
123
 
105
124
  ._breadcrumbs_vitro-separator_3RKZZBc,
@@ -121,7 +140,7 @@ html, body {
121
140
  height: 20px;
122
141
  }
123
142
 
124
- ._breadcrumbs_vitro-breadcrumbs-list_1SNtgtJ > li:last-child{
143
+ ._breadcrumbs_vitro-breadcrumbs-list_1SNtgtJ > li:last-child {
125
144
  color: #222D44;
126
145
  font-family: 'InterMedium';
127
146
  pointer-events: none;
@@ -207,8 +226,14 @@ html, body {
207
226
  @media (max-width: 800px) {
208
227
  ._breadcrumbs_vitro-breadcrumbs_3r4NcQY {
209
228
  margin-bottom: 12px;
229
+ margin-right: 12px;
210
230
  }
211
- }
231
+
232
+ ._breadcrumbs_vitro-breadcrumbs-list_1SNtgtJ {
233
+ max-width: 100%;
234
+ }
235
+ }
236
+
212
237
  ._scrollbar_vitro-scrollbar-content_3HXSt5u {
213
238
  height: 100%;
214
239
  width: 100%;
@@ -552,7 +577,7 @@ html, body {
552
577
  position: absolute;
553
578
  width: 241px;
554
579
  height: 96px;
555
- z-index: 100000;
580
+ z-index: 1000;
556
581
  }
557
582
 
558
583
  ._uploader_vitro-uploader_237vX7T.vitro-dropzone-active {
@@ -1219,8 +1244,8 @@ html, body {
1219
1244
  }
1220
1245
 
1221
1246
  ._action-handler_vitro-action-handler-dialog-confirm_30dwuBp {
1222
- height: 100vh;
1223
- width: 100vw;
1247
+ height: 100%;
1248
+ width: 100%;
1224
1249
  background: rgba(34, 45, 68, 0.2);
1225
1250
  }
1226
1251
 
@@ -2016,7 +2041,6 @@ html, body {
2016
2041
  position: relative;
2017
2042
  border-radius: 50%;
2018
2043
  border: 0;
2019
- background: #76AFF8;
2020
2044
  color: #fff !important;
2021
2045
  width: 24px;
2022
2046
  height: 24px;
@@ -2033,6 +2057,8 @@ html, body {
2033
2057
  ._avatar_vitro-avatar_P2tU-_r img {
2034
2058
  width: 100%;
2035
2059
  height: 100%;
2060
+ -o-object-fit: cover;
2061
+ object-fit: cover;
2036
2062
  }
2037
2063
  ._issue-tile-header_vitro-issue-tile-header_jTcaXBE {
2038
2064
  display: flex;
@@ -2177,8 +2203,8 @@ html, body {
2177
2203
  }
2178
2204
 
2179
2205
  ._login_vitro-login-layout_1C8owlz {
2180
- width: 100vw;
2181
- height: 100vh;
2206
+ width: 100%;
2207
+ height: 100%;
2182
2208
  background: #347FDE;
2183
2209
  position: relative;
2184
2210
  background-size: cover;
@@ -2406,16 +2432,6 @@ html, body {
2406
2432
  }
2407
2433
 
2408
2434
  @media (max-width: 800px) {
2409
- ._login_vitro-logo_3-qTjgy {
2410
- width: 165px;
2411
- height: 57px;
2412
- margin-bottom: 28px !important;
2413
- }
2414
-
2415
- ._login_vitro-title_nfoHltS {
2416
- margin-bottom: 36px !important;
2417
- }
2418
-
2419
2435
  ._login_vitro-login-checkbox_39NOnZg div {
2420
2436
  font-size: 14px !important;
2421
2437
  }
@@ -2438,14 +2454,12 @@ html, body {
2438
2454
  }
2439
2455
 
2440
2456
  ._login_vitro-form-login_2nyw95B {
2441
- margin: 0 14px;
2457
+ margin: 0 16px;
2442
2458
  width: -moz-available !important;
2443
2459
  width: -webkit-fill-available !important;
2444
2460
  width: fill-available !important;
2445
2461
  left: 0 !important;
2446
- height: 573px !important;
2447
- top: calc(50% - 286px) !important;
2448
- padding: 48px 12px 24px 12px !important;
2462
+ padding: 71px 12px 24px 12px !important;
2449
2463
  }
2450
2464
 
2451
2465
  ._login_vitro-control_3YqxIR2 input {
@@ -2480,6 +2494,10 @@ html, body {
2480
2494
  position: relative;
2481
2495
  }
2482
2496
 
2497
+ ._date-picker_vitro-display-none_2wJx8XG {
2498
+ display: none;
2499
+ }
2500
+
2483
2501
  ._date-picker_vitro-button-copy_1cGY1Uu {
2484
2502
  height: 20px;
2485
2503
  width: 20px;
@@ -2618,6 +2636,14 @@ html, body {
2618
2636
  min-width: 240px;
2619
2637
  }
2620
2638
 
2639
+ ._date-picker_vitro-control-container_2CVwecs .k-animation-container {
2640
+ position: initial !important;
2641
+ }
2642
+
2643
+ ._date-picker_vitro-control_2AYXegb ._date-picker_vitro-control-container_2CVwecs .k-animation-container {
2644
+ position: absolute !important;
2645
+ }
2646
+
2621
2647
  .k-popup {
2622
2648
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12) !important;
2623
2649
  background-color: #fff;
@@ -2814,6 +2840,10 @@ html, body {
2814
2840
  position: relative;
2815
2841
  }
2816
2842
 
2843
+ ._time-picker_vitro-display-none_3GgWh46 {
2844
+ display: none;
2845
+ }
2846
+
2817
2847
  ._time-picker_vitro-button-copy_QZg3bTW {
2818
2848
  height: 20px;
2819
2849
  width: 20px;
@@ -2832,7 +2862,7 @@ html, body {
2832
2862
  ._time-picker_vitro-control-container_3ys3rMN {
2833
2863
  position: relative;
2834
2864
  z-index: 1100;
2835
- width: 100% !important;
2865
+ width: 100%;
2836
2866
  }
2837
2867
 
2838
2868
  ._time-picker_vitro-control_1sx07It input {
@@ -2954,7 +2984,7 @@ html, body {
2954
2984
  width: 100% !important;
2955
2985
  }
2956
2986
 
2957
- ._time-picker_vitro-control_1sx07It .k-animation-container {
2987
+ ._time-picker_vitro-control-container_3ys3rMN .k-animation-container {
2958
2988
  top: 6px !important;
2959
2989
  left: unset !important;
2960
2990
  right: 0 !important;
@@ -2962,7 +2992,15 @@ html, body {
2962
2992
  min-width: unset !important;
2963
2993
  }
2964
2994
 
2965
- ._time-picker_vitro-control_1sx07It .k-popup {
2995
+ ._time-picker_vitro-control-container_3ys3rMN .k-animation-container {
2996
+ position: initial !important;
2997
+ }
2998
+
2999
+ ._time-picker_vitro-control_1sx07It ._time-picker_vitro-control-container_3ys3rMN .k-animation-container {
3000
+ position: absolute !important;
3001
+ }
3002
+
3003
+ ._time-picker_vitro-control-container_3ys3rMN .k-popup {
2966
3004
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.12) !important;
2967
3005
  background-color: #fff;
2968
3006
  border-radius: 4px !important;
@@ -2970,12 +3008,12 @@ html, body {
2970
3008
  width: 100% !important;
2971
3009
  }
2972
3010
 
2973
- ._time-picker_vitro-control_1sx07It .k-picker-wrap {
3011
+ ._time-picker_vitro-control-container_3ys3rMN .k-picker-wrap {
2974
3012
  border-radius: 4px !important;
2975
3013
  border: 1px solid #C0CAD5 !important;
2976
3014
  }
2977
3015
 
2978
- ._time-picker_vitro-control_1sx07It .k-i-clock {
3016
+ ._time-picker_vitro-control-container_3ys3rMN .k-i-clock {
2979
3017
  height: 16px;
2980
3018
  width: 16px;
2981
3019
  background-size: 100%;
@@ -2984,11 +3022,11 @@ html, body {
2984
3022
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='clock'%3E%3Cpath id='Vector' d='M7.99888 15.4275C12.1016 15.4275 15.4275 12.1016 15.4275 7.99888C15.4275 3.8962 12.1016 0.570312 7.99888 0.570312C3.8962 0.570312 0.570312 3.8962 0.570312 7.99888C0.570312 12.1016 3.8962 15.4275 7.99888 15.4275Z' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Vector_2' d='M7.42969 3.42969V9.14397L10.8583 10.8583' stroke='%23222D44' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A");
2985
3023
  }
2986
3024
 
2987
- ._time-picker_vitro-control_1sx07It .k-i-clock::before {
3025
+ ._time-picker_vitro-control-container_3ys3rMN .k-i-clock::before {
2988
3026
  display: none;
2989
3027
  }
2990
3028
 
2991
- ._time-picker_vitro-control_1sx07It .k-picker-wrap > .k-select {
3029
+ ._time-picker_vitro-control-container_3ys3rMN .k-picker-wrap > .k-select {
2992
3030
  background: transparent !important;
2993
3031
  margin-right: 16px;
2994
3032
  width: 20px;
@@ -2996,12 +3034,12 @@ html, body {
2996
3034
  align-self: center;
2997
3035
  }
2998
3036
 
2999
- ._time-picker_vitro-control_1sx07It .k-picker-wrap.k-state-focused,
3000
- ._time-picker_vitro-control_1sx07It .k-picker-wrap.k-state-active {
3037
+ ._time-picker_vitro-control-container_3ys3rMN .k-picker-wrap.k-state-focused,
3038
+ ._time-picker_vitro-control-container_3ys3rMN .k-picker-wrap.k-state-active {
3001
3039
  box-shadow: none !important;
3002
3040
  }
3003
3041
 
3004
- ._time-picker_vitro-control_1sx07It .k-title {
3042
+ ._time-picker_vitro-control-container_3ys3rMN .k-title {
3005
3043
  font-family: 'InterMedium';
3006
3044
  font-weight: unset !important;
3007
3045
  color: #222D44;
@@ -3010,35 +3048,35 @@ html, body {
3010
3048
  line-height: 27px;
3011
3049
  }
3012
3050
 
3013
- ._time-picker_vitro-control_1sx07It .k-time-container .k-item:hover {
3051
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-container .k-item:hover {
3014
3052
  font-family: 'InterMedium';
3015
3053
  }
3016
3054
 
3017
- ._time-picker_vitro-control_1sx07It .k-time-highlight {
3055
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-highlight {
3018
3056
  border-color: #C0CAD5;
3019
3057
  }
3020
3058
 
3021
- ._time-picker_vitro-control_1sx07It .k-time-list::after,
3022
- ._time-picker_vitro-control_1sx07It .k-time-list::before {
3059
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-list::after,
3060
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-list::before {
3023
3061
  box-shadow: 0 12px 30px 60px #fff;
3024
3062
  }
3025
3063
 
3026
- ._time-picker_vitro-control_1sx07It .k-time-list-wrapper.k-state-focused {
3064
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-list-wrapper.k-state-focused {
3027
3065
  background-color: #fff;
3028
3066
  }
3029
3067
 
3030
- ._time-picker_vitro-control_1sx07It .k-time-list-wrapper.k-state-focused::before,
3031
- ._time-picker_vitro-control_1sx07It .k-time-list-wrapper.k-state-focused::after {
3068
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-list-wrapper.k-state-focused::before,
3069
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-list-wrapper.k-state-focused::after {
3032
3070
  display: none;
3033
3071
  }
3034
3072
 
3035
- ._time-picker_vitro-control_1sx07It .k-time-list-wrapper {
3073
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-list-wrapper {
3036
3074
  background-color: #FFF;
3037
3075
  width: 85px;
3038
3076
  margin-top: 1px;
3039
3077
  }
3040
3078
 
3041
- ._time-picker_vitro-control_1sx07It .k-time-list-wrapper .k-title {
3079
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-list-wrapper .k-title {
3042
3080
  font-family: 'InterRegular';
3043
3081
  color: #222D44;
3044
3082
  background-color: #FFF !important;
@@ -3051,22 +3089,22 @@ html, body {
3051
3089
  opacity: 1 !important;
3052
3090
  }
3053
3091
 
3054
- ._time-picker_vitro-control_1sx07It .k-time-list-container {
3092
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-list-container {
3055
3093
  justify-content: center;
3056
3094
  }
3057
3095
 
3058
- ._time-picker_vitro-control_1sx07It .k-time-header {
3096
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-header {
3059
3097
  height: 40px;
3060
3098
  border-bottom: 1px solid #C0CAD5;
3061
3099
  padding: 8px 24px;
3062
3100
  }
3063
3101
 
3064
- ._time-picker_vitro-control_1sx07It .k-time-footer {
3102
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-footer {
3065
3103
  border-top: 1px solid #E4E6EC;
3066
3104
  margin-top: 0 !important;
3067
3105
  }
3068
3106
 
3069
- ._time-picker_vitro-control_1sx07It .k-time-now {
3107
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-now {
3070
3108
  border-radius: 4px !important;
3071
3109
  color: #3274E0 !important;
3072
3110
  font-size: 14px !important;
@@ -3074,11 +3112,11 @@ html, body {
3074
3112
  outline: none !important;
3075
3113
  }
3076
3114
 
3077
- ._time-picker_vitro-control_1sx07It .k-time-now:hover::before {
3115
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-now:hover::before {
3078
3116
  display: none;
3079
3117
  }
3080
3118
 
3081
- ._time-picker_vitro-control_1sx07It .k-action-buttons .k-button {
3119
+ ._time-picker_vitro-control-container_3ys3rMN .k-action-buttons .k-button {
3082
3120
  background: #fff;
3083
3121
  border-bottom-left-radius: 4px;
3084
3122
  font-size: 14px;
@@ -3088,28 +3126,28 @@ html, body {
3088
3126
  color: #222D44;
3089
3127
  }
3090
3128
 
3091
- ._time-picker_vitro-control_1sx07It .k-action-buttons .k-primary {
3129
+ ._time-picker_vitro-control-container_3ys3rMN .k-action-buttons .k-primary {
3092
3130
  background: #347FDE;
3093
3131
  border-bottom-left-radius: 0 !important;
3094
3132
  border-bottom-right-radius: 4px !important;
3095
3133
  color: white !important;
3096
3134
  }
3097
3135
 
3098
- ._time-picker_vitro-control_1sx07It .k-action-buttons .k-primary:hover {
3136
+ ._time-picker_vitro-control-container_3ys3rMN .k-action-buttons .k-primary:hover {
3099
3137
  background: #3274E0;
3100
3138
  border-color: #3274E0;
3101
3139
  }
3102
3140
 
3103
- ._time-picker_vitro-control_1sx07It .k-time-cancel:hover {
3141
+ ._time-picker_vitro-control-container_3ys3rMN .k-time-cancel:hover {
3104
3142
  background: #F3F8FF !important;
3105
3143
  background-image: none;
3106
3144
  }
3107
3145
 
3108
- ._time-picker_vitro-control_1sx07It .k-item {
3146
+ ._time-picker_vitro-control-container_3ys3rMN .k-item {
3109
3147
  width: 85px;
3110
3148
  }
3111
3149
 
3112
- ._time-picker_vitro-control_1sx07It .k-item span {
3150
+ ._time-picker_vitro-control-container_3ys3rMN .k-item span {
3113
3151
  color: #222D44;
3114
3152
  font-size: 14px;
3115
3153
  line-height: 21px;
@@ -4221,7 +4259,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
4221
4259
  flex-shrink: 1;
4222
4260
  }
4223
4261
 
4224
- ._dialog-content_vitro-dialog-content_qQNWu6x .ps {
4262
+ ._dialog-content_vitro-dialog-content_qQNWu6x > #TreeView > .ps {
4225
4263
  padding-top: 12px !important;
4226
4264
  padding-left: 16px;
4227
4265
  }
@@ -4326,7 +4364,7 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
4326
4364
  right: 0;
4327
4365
  top: 0;
4328
4366
  bottom: 0;
4329
- z-index: 1000000;
4367
+ z-index: 1001;
4330
4368
  display: flex;
4331
4369
  align-items: center;
4332
4370
  justify-content: center;
@@ -5378,3 +5416,189 @@ ul > li:last-child > ul > li:last-child ._sidebar-item_vitro-active_7p5iOhY {
5378
5416
  ._checkbox-list_vitro-checkbox-list_1iZSkkv span {
5379
5417
  display: block;
5380
5418
  }
5419
+
5420
+ .splitter {
5421
+ height: 100% !important;
5422
+ position: static;
5423
+ display: flex;
5424
+ align-content: flex-start;
5425
+ -webkit-user-select: text;
5426
+ -moz-user-select: text;
5427
+ user-select: text;
5428
+ flex: 1 1 !important;
5429
+ background: #fff;
5430
+ }
5431
+
5432
+ .splitter:first-child {
5433
+ border-radius: 4px 4px 0 0;
5434
+ overflow: hidden;
5435
+ }
5436
+
5437
+ .handle-bar {
5438
+ cursor: col-resize;
5439
+ width: 2px !important;
5440
+ min-width: 2px !important;
5441
+ background: #E4E6EC;
5442
+ }
5443
+
5444
+ .handle-bar:active, .handle-bar:hover, .handle-bar.handle-bar_clone {
5445
+ background-color: #F5F6FA !important;
5446
+ }
5447
+
5448
+ .handle-bar_drag {
5449
+ background: transparent;
5450
+ position: relative;
5451
+ height: 30px !important;
5452
+ width: 6px !important;
5453
+ border: none !important;
5454
+ }
5455
+
5456
+ .handle-bar_drag::after {
5457
+ content: '';
5458
+ background-position: center;
5459
+ height: 30px;
5460
+ width: 6px;
5461
+ background-repeat: no-repeat;
5462
+ position: absolute;
5463
+ top: 0;
5464
+ }
5465
+
5466
+ .handle-bar_drag::after {
5467
+ left: 3px;
5468
+ /* splitter-handle-bar-drag.svg URL-encoder for SVG */
5469
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 6 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Spliter'%3E%3Cpath id='Rectangle 4359' d='M0 0H4.5C5.32843 0 6 0.671573 6 1.5V28.5C6 29.3284 5.32843 30 4.5 30H0V0Z' fill='%23326AD6'/%3E%3Cpath id='Polygon 3' d='M1.5 12.911C1.5 12.6251 1.80945 12.4464 2.05701 12.5894L5.12058 14.3581C5.36814 14.501 5.36814 14.8584 5.12058 15.0013L2.05701 16.7701C1.80945 16.913 1.5 16.7343 1.5 16.4485L1.5 12.911Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
5470
+ }
5471
+
5472
+ .pane.vertical.primary {
5473
+ padding: 16px 0 0 12px;
5474
+ display: flex;
5475
+ flex-direction: column;
5476
+ }
5477
+
5478
+ .vitro-splitter-content {
5479
+ padding: 4px 0 0 12px;
5480
+ height: calc(100%);
5481
+ overflow: hidden;
5482
+ flex-direction: column;
5483
+ display: flex;
5484
+ }
5485
+
5486
+ @media (max-width: 800px) {
5487
+ .pane.vertical.primary {
5488
+ padding: 12px 0 0 16px;
5489
+ flex-direction: column;
5490
+ flex-wrap: nowrap;
5491
+ }
5492
+ }
5493
+ ._route-item_vitro-route-item_bBCgBZG {
5494
+ display: flex;
5495
+ width: 100%;
5496
+ }
5497
+
5498
+ ._route-item_vitro-route-item-body_1_1fjOZ {
5499
+ margin-bottom: 16px;
5500
+ }
5501
+
5502
+ ._route-item_vitro-route-item-content_2CcLogk {
5503
+ width: 100%;
5504
+ }
5505
+
5506
+ ._route-item_vitro-button-collapse_1kVB5Vo,
5507
+ ._route-item_vitro-button-expand_3IuABa1,
5508
+ ._route-item_vitro-button-hide-comment_2CiY-Ch,
5509
+ ._route-item_vitro-button-show-comment_DJt2SLC {
5510
+ width: 24px;
5511
+ height: 24px;
5512
+ min-width: 24px;
5513
+ background-position: center;
5514
+ background-size: 100%;
5515
+ border: none;
5516
+ background-color: transparent;
5517
+ }
5518
+
5519
+ ._route-item_vitro-button-collapse_1kVB5Vo,
5520
+ ._route-item_vitro-button-expand_3IuABa1 {
5521
+ margin-right: 12px;
5522
+ }
5523
+
5524
+ ._route-item_vitro-button-collapse_1kVB5Vo {
5525
+ /* collapse-bottom.svg URL-encoder for SVG */
5526
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chevron-right' filter='url(%23filter0_dd_2119_119831)'%3E%3Cpath id='Vector' d='M7 10.5L12 15.5L17 10.5' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
5527
+ }
5528
+
5529
+ ._route-item_vitro-button-expand_3IuABa1 {
5530
+ /* collapse-right.svg URL-encoder for SVG */
5531
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='chevron-right' filter='url(%23filter0_dd_2119_118517)'%3E%3Cpath id='Vector' d='M10.5 17L15.5 12L10.5 7' stroke='%234A556C' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E");
5532
+ }
5533
+
5534
+ ._route-item_vitro-button-hide-comment_2CiY-Ch {
5535
+ /* comment-hidden.svg URL-encoder for SVG */
5536
+ 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='M8.5 19H8C3 19 2 19 2 14V9C2 4 3 3 8 3H16C21 3 22 4 22 9V14C22 18 21 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19Z' stroke='%234A556C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9918 11.75H17.0052' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9918 11.75H12.0052' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.99176 11.75H7.00523' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 2L2 22' stroke='%23222D44' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
5537
+ }
5538
+
5539
+ ._route-item_vitro-button-show-comment_DJt2SLC {
5540
+ /* comment.svg URL-encoder for SVG */
5541
+ 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='M8.5 19H8C3 19 2 19 2 14V9C2 4 3 3 8 3H16C21 3 22 4 22 9V14C22 18 21 19 16 19H15.5C15.19 19 14.89 19.15 14.7 19.4L13.2 21.4C12.54 22.28 11.46 22.28 10.8 21.4L9.3 19.4C9.14 19.18 8.77 19 8.5 19Z' stroke='%234A556C' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.9918 11.75H17.0052' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9918 11.75H12.0052' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.99176 11.75H7.00523' stroke='%234A556C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
5542
+ }
5543
+
5544
+ ._route-item_vitro-avatar_3Dypnmz {
5545
+ margin-right: 8px;
5546
+ }
5547
+
5548
+ ._route-item_vitro-date_3ojnKSb {
5549
+ color: #222D44;
5550
+ font-size: 14px;
5551
+ font-family: 'InterMedium';
5552
+ margin-left: 8px;
5553
+ }
5554
+
5555
+ ._route-item_vitro-route-item-header_y69bLwZ {
5556
+ width: 100%;
5557
+ justify-content: space-between;
5558
+ display: flex;
5559
+ margin-bottom: 4px;
5560
+ }
5561
+
5562
+ ._route-item_vitro-route-item-header_y69bLwZ > div,
5563
+ ._route-item_vitro-route-item-header_y69bLwZ > div > div {
5564
+ display: flex;
5565
+ align-items: center;
5566
+ }
5567
+
5568
+ ._route-item_vitro-route-item-header_y69bLwZ > div:last-child > div {
5569
+ border-radius: 4px;
5570
+ background: #F7F9FC;
5571
+ padding: 4px 8px;
5572
+ margin-left: 12px;
5573
+ }
5574
+
5575
+ ._route-item_vitro-route-item-header_y69bLwZ > div:last-child div a,
5576
+ ._route-item_vitro-route-item-header_y69bLwZ > div:last-child div a:hover,
5577
+ ._route-item_vitro-route-item-header_y69bLwZ > div:last-child div a:visited {
5578
+ text-decoration: none;
5579
+ color: #326AD6;
5580
+ }
5581
+
5582
+ ._route-item_vitro-flex_3ebkqZ9 {
5583
+ display: flex;
5584
+ justify-content: space-between;
5585
+ align-items: center;
5586
+ }
5587
+
5588
+ ._route-item_vitro-comment_2K7RwrZ {
5589
+ padding: 4px 8px;
5590
+ margin-top: 4px;
5591
+ border-radius: 4px;
5592
+ background: #F7F9FC;
5593
+ color: #222D44;
5594
+ font-size: 14px;
5595
+ width: 100%;
5596
+ }
5597
+
5598
+ ._route-item_vitro-status-color_VgXzXKD {
5599
+ width: 8px;
5600
+ height: 8px;
5601
+ min-width: 8px;
5602
+ margin-right: 8px;
5603
+ border-radius: 50%;
5604
+ }
package/dist/index.d.ts CHANGED
@@ -74,6 +74,9 @@ import { Search } from './controls/Search/Search';
74
74
  import { FieldIterator } from './controls/FieldIterator/FieldIterator';
75
75
  import { Tooltip } from './controls/Tooltip/Tooltip';
76
76
  import * as TOOLTIP from './controls/Tooltip/TooltipConstants';
77
+ import { Splitter } from './controls/Splitter/Splitter';
78
+ import * as SPLITTER from './controls/Splitter/SplitterConstants';
79
+ import { RouteItem } from './controls/RouteItem/RouteItem';
77
80
  export { Breadcrumbs };
78
81
  export { TopLevelMenu };
79
82
  export { TreeView, TreeViewContext, TREE_VIEW, TreeViewProps };
@@ -118,3 +121,5 @@ export { FieldIterator };
118
121
  export { Tooltip, TOOLTIP };
119
122
  export { CONTROL };
120
123
  export { PasswordInput };
124
+ export { RouteItem };
125
+ export { Splitter, SPLITTER };